blitzkit/src/app/tools/tank-performance/components/RowLoader.tsx

import { Skeleton, Table } from '@radix-ui/themes';
import { times } from 'lodash';
import { tankPerformanceSortTypeNamesArray } from '../../../../stores/tankPerformanceSort';

export function RowLoader() {
  return (
    <Table.Row>
      <Table.RowHeaderCell align="center">
        <Skeleton height="100%" width="128px" />
      </Table.RowHeaderCell>

      {times(tankPerformanceSortTypeNamesArray.length, (index) => (
        <Table.Cell key={index} align="center">
          <Skeleton height="1em" width="32px" />
        </Table.Cell>
      ))}
    </Table.Row>
  );
}