import StateCard from '@material-hu/components/design-system/StateCard';
import TableBody from '@material-hu/components/design-system/Table/components/TableBody';
import TableCell from '@material-hu/components/design-system/Table/components/TableCell';
import TableRow from '@material-hu/components/design-system/Table/components/TableRow';

import { useLokaliseTranslation } from 'src/utils/i18n';

export const TableBodyEmpty = () => {
  const { t } = useLokaliseTranslation('general');

  return (
    <TableBody>
      <TableRow>
        <TableCell
          align="center"
          colSpan={3}
        >
          <StateCard
            title={t('empty_selection_title')}
            description={null}
          />
        </TableCell>
      </TableRow>
    </TableBody>
  );
};