import useDevice from '@/core/hooks/useDevice'
import Skeleton from 'react-loading-skeleton'

const BannerPromoSkeleton = () => {
  const { isDesktop } = useDevice()

  return (
    <div className='grid grid-cols-1 md:grid-cols-3 gap-x-3'>
      {Array.from({ length: isDesktop ? 3 : 1.2 }, (_, index) => (
        <Skeleton count={1} height={isDesktop ? 60 : 36} key={index} />
      ))}
    </div>
  )
}

export default BannerPromoSkeleton