From d32ed92902d52934a55cdb9efe110ef11cd920d8 Mon Sep 17 00:00:00 2001
From: "Indoteknik ." <andrifebriyadiputra@gmail.com>
Date: Sat, 16 Aug 2025 09:52:55 +0700
Subject: (andri) make component card mediacard

---
 .../home/components/Skeleton/MediaNewsSkeleton.jsx  | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/lib/home/components/Skeleton/MediaNewsSkeleton.jsx

(limited to 'src/lib/home/components/Skeleton/MediaNewsSkeleton.jsx')

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
-- 
cgit v1.2.3

