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

import useHuGoTheme from 'src/hooks/useHuGoTheme';

import EmptyState from './EmptyState';

export type TableBodyEmptyProps = {
  columns: number;
};

export const TableBodyEmpty = ({ columns }: TableBodyEmptyProps) => {
  const HuGoThemeProvider = useHuGoTheme();

  return (
    <TableBody>
      <TableRow>
        <TableCell
          align="center"
          colSpan={columns}
        >
          <HuGoThemeProvider>
            <EmptyState />
          </HuGoThemeProvider>
        </TableCell>
      </TableRow>
    </TableBody>
  );
};

export default TableBodyEmpty;