import React from 'react';
import { Box, Typography } from '@mui/material';

interface EmptyStateProps {
  message?: string;
}

const EmptyState: React.FC<EmptyStateProps> = ({ message = 'No data available.' }) => {
  return (
    <Box
      display="flex"
      flexDirection="column"
      alignItems="center"
      justifyContent="center"
      minHeight="200px"
      p={2}
    >
      <Typography variant="h6" color="text.secondary" gutterBottom>
        {message}
      </Typography>
    </Box>
  );
};

export default EmptyState;
