src/core/components/elements/Skeleton/TopBannerSkeleton.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import useDevice from '@/core/hooks/useDevice';
import classNames from 'classnames';
import { Skeleton } from '@chakra-ui/react';

const TopBannerSkeleton = () => {
  const { isDesktop, isMobile } = useDevice();

  const deviceClassName = {
    '!h-[36px]': isDesktop,
    'h-2.5': isMobile,
  };
  const combinedClassName = classNames(deviceClassName);

  return <Skeleton className={combinedClassName} />;
};

export { TopBannerSkeleton };