blob: c0151efd8f9e5bab4b0d7a04a4945e557cdd7355 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
import useDevice from '@/core/hooks/useDevice'
import Skeleton from 'react-loading-skeleton'
const MediaNewsSkeleton = () => {
const { isDesktop } = useDevice()
return (
<div className="grid grid-cols-4 md:grid-cols-8 gap-x-3">
{Array.from({ length: isDesktop ? 8 : 4 }, (_, index) => (
<Skeleton
key={index}
count={1}
height={isDesktop ? 84 : 56}
className="rounded-lg"
/>
))}
</div>
)
}
export default MediaNewsSkeleton
|
