1 files changed, 21 insertions, 0 deletions
diff --git a/src/lib/home/components/Skeleton/MediaNewsSkeleton.jsx b/src/lib/home/components/Skeleton/MediaNewsSkeleton.jsx
new file mode 100644
index 00000000..c0151efd
--- /dev/null
+++ b/src/lib/home/components/Skeleton/MediaNewsSkeleton.jsx
@@ -0,0 +1,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