import { Card, Skeleton, Stack } from '@mantine/core';

export default function NoteCardSkeleton() {
  return (
    <Card p={'sm'} radius={'lg'} withBorder>
      <Stack gap={'xs'}>
        {/* Note */}
        <Stack gap={'xs'}>
          <Skeleton w={'100%'} h={14} />
          <Skeleton w={'100%'} h={14} />
          <Skeleton w={'100%'} h={14} />
        </Stack>

        {/* Updated at */}
        <Skeleton w={54} h={14} />
      </Stack>
    </Card>
  );
}
