import { Skeleton, Stack } from '@chakra-ui/react';

export function PaginatedListSkeleton({ disableSearch }: { readonly disableSearch?: boolean }) {
  return (
    <>
      {!disableSearch && (
        <Stack direction="row" justifyContent="center" alignItems="center" gap={2}>
          <Skeleton height={10} width="80%" />
          <Skeleton height={10} width="calc(20% - 6px)" />
        </Stack>
      )}
      <Skeleton height={20} />
      <Skeleton height={20} />
      <Skeleton height={20} />
    </>
  );
}