import { Box, Typography } from "@mui/material";
import { EmptyBoxProps } from "./interface";


export const EmptyBox = ({
  styles,
  message = "No content"
}: EmptyBoxProps) => {
  return (
    <Box
      sx={{
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        ...styles,
      }}
    >
      {<Typography variant="body2">{message}</Typography>}
    </Box>
  );
};
