/**
 * @Move (SQPM)
 * Only used by the Performance module - move to Performance/
 */
import Stack from '@material-hu/mui/Stack';
import Typography from '@material-hu/mui/Typography';

type Props = {
  title: string;
  subtitle: string;
};

const EmptyList = ({ title, subtitle }: Props) => (
  <Stack
    justifyContent="center"
    alignItems="center"
    textAlign="center"
    p={2}
  >
    <Typography variant="h6">{title}</Typography>
    <Typography
      variant="body1"
      color="textSecondary"
      mt={1}
    >
      {subtitle}
    </Typography>
  </Stack>
);

export default EmptyList;