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

import HuSkeleton from '@material-hu/components/design-system/Skeleton';

const InsightsAudienceSkeleton = () => {
  return (
    <>
      {Array.from({ length: 6 }, (n, i) => (
        <TableRow key={i}>
          <TableCell width="5%">
            <HuSkeleton
              variant="circular"
              height={32}
              width={32}
            />
          </TableCell>
          <TableCell>
            <HuSkeleton variant="text" />
          </TableCell>
          <TableCell>
            <HuSkeleton variant="text" />
          </TableCell>
          <TableCell>
            <HuSkeleton variant="text" />
          </TableCell>
          <TableCell>
            <HuSkeleton variant="text" />
          </TableCell>
        </TableRow>
      ))}
    </>
  );
};
export default InsightsAudienceSkeleton;
