packages/pass/components/Layout/Table/TableRowLoading.tsx

   1 import type { FC } from 'react';
   2
   3 import { TableCell, TableRow } from '@proton/components';
   4
   5 type Props = { rows: number; cells: number };
   6
   7 export const TableRowLoading: FC<Props> = ({ rows, cells }) =>
   8     Array.from({ length: rows }).map((_, i) => (
   9         <TableRow key={`table-row-loading-${i}`}>
  10             {Array.from({ length: cells }).map((_, j) => (
  11                 <TableCell key={`table-cell-loading-${j}`}>
  12                     <div className="w-full pass-skeleton pass-skeleton--table-cell " />
  13                 </TableCell>
  14             ))}
  15         </TableRow>
  16     ));