import { FC } from 'react';

import Stack from '@material-hu/mui/Stack';

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

import UsersSkeleton from './UsersSkeleton';

export const ListSkeleton: FC = () => {
  return (
    <Stack sx={{ gap: 2 }}>
      <HuSkeleton
        height={56}
        width={552}
        sx={{ borderRadius: 0.5 }}
      />
      <UsersSkeleton />
    </Stack>
  );
};

export default ListSkeleton;
