17 lines
519 B
TypeScript
17 lines
519 B
TypeScript
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} />
|
|
</>
|
|
);
|
|
}
|