blob: c5f39f19a85ec5cd5a45552a20286ca7229c5b70 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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
|
