import Typography from '@material-hu/mui/Typography';

type CellMessageProps = { title: string };

const CellMessage = ({ title }: CellMessageProps) => (
  <Typography
    variant="body2"
    sx={theme => ({
      color: theme.palette.new.text.neutral.lighter,
      width: '100%',
      height: '100%',
      alignItems: 'center',
      justifyContent: 'center',
    })}
  >
    {title}
  </Typography>
);

export default CellMessage;
