src/lib/home/components/Skeleton/PopularProductSkeleton.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import ProductCardSkeleton from '@/core/components/elements/Skeleton/ProductCardSkeleton'
import DesktopView from '@/core/components/views/DesktopView'
import MobileView from '@/core/components/views/MobileView'

const PopularProductSkeleton = () => (
  <>
    <MobileView>
      <div className='grid grid-cols-2 gap-x-3'>
        <ProductCardSkeleton />
        <ProductCardSkeleton />
      </div>
    </MobileView>
    <DesktopView>
      <div className='grid grid-cols-6 gap-x-3'>
        <ProductCardSkeleton />
        <ProductCardSkeleton />
        <ProductCardSkeleton />
        <ProductCardSkeleton />
        <ProductCardSkeleton />
        <ProductCardSkeleton />
      </div>
    </DesktopView>
  </>
)

export default PopularProductSkeleton