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

export const TableSkeleton = () => {
  return (
    <>
      {Array.from({ length: 4 }).map((_, index) => (
        <TableRow key={index}>
          {Array.from({ length: 3 }).map((_2, index2) => (
            <TableCell key={index2}>
              <Skeleton />
            </TableCell>
          ))}
          <TableCell>
            <Skeleton />
          </TableCell>
          <TableCell>
            <Skeleton />
          </TableCell>
          <TableCell>
            <Skeleton />
          </TableCell>
          <TableCell sx={{ maxWidth: 60 }}>
            <Skeleton />
          </TableCell>
        </TableRow>
      ))}
    </>
  );
};
