import { FC } from 'react';

import { SxProps } from '@material-hu/mui/styles';
import Typography from '@material-hu/mui/Typography';

export type NoResultsProps = {
  label?: string | React.ReactNode;
  sx?: SxProps;
};

const NoResults: FC<NoResultsProps> = props => {
  const { label, sx } = props;

  return (
    <Typography
      color="textSecondary"
      variant="subtitle2"
      sx={{
        textAlign: 'center',
        mt: 2,
        ...sx,
      }}
    >
      {label}
    </Typography>
  );
};

export default NoResults;