import { Flex, Skeleton } from "@mantine/core";

const HeaderSkeleton = () => {
  return (
    <Flex h="15dvh" px='xl' w='100%' align='self-end' gap='md'>
      <Skeleton opacity={0} height={100} width={100} radius="50%" />
      <Flex align='center' justify='center' gap={4} pb={20} w='100%'>
        <Skeleton height={24} width={200} />
      </Flex>
    </Flex>
  );
};

export default HeaderSkeleton;