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

import { AutoHeightContainer } from "@/widgetLibrary/PublicSector/AutoHeightContainer"

export const EmptyBox = ({ styles, message = 'No content',updateComponentHeight }:EmptyBoxProps) => {

  return (
    <AutoHeightContainer updateComponentHeight={updateComponentHeight}>
    <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', ...styles }}>
      {<Typography variant="body2">{message}</Typography>}
    </Box>
    </AutoHeightContainer>
  );
};

