import { FC } from 'react';

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

export type NoResultsTableProps = {
  message: string;
};

export const NoResultsTable: FC<NoResultsTableProps> = props => {
  const { message } = props;

  return (
    <TableRow>
      <TableCell
        colSpan={3}
        align="center"
      >
        <Typography
          color="textSecondary"
          variant="subtitle2"
        >
          {message}
        </Typography>
      </TableCell>
    </TableRow>
  );
};

export default NoResultsTable;
