saleor-dashboard/src/apps/components/CardContainer/CardContainer.tsx
2023-01-16 10:45:12 +01:00

28 lines
731 B
TypeScript

import ResponsiveTable from "@dashboard/components/ResponsiveTable";
import { Card, CardContent } from "@material-ui/core";
import React from "react";
import { useStyles } from "../../styles";
export interface CardContainerProps {
children: React.ReactNode;
header: React.ReactNode;
}
const CardContainer: React.FC<CardContainerProps> = ({ children, header }) => {
const classes = useStyles({});
return (
<div className={classes.appContainer}>
<Card>
{header}
<CardContent className={classes.appContent}>
<ResponsiveTable>{children}</ResponsiveTable>
</CardContent>
</Card>
</div>
);
};
CardContainer.displayName = "CardContainer";
export default CardContainer;