Skeleton loader for footer

2024-11-14 13:25:33 +01:00
parent 1980ae4350
commit 16882fc20a
7 changed files with 151 additions and 14 deletions
--- a/components/SkeletonShimmer/index.tsx
+++ b/components/SkeletonShimmer/index.tsx
@@ -3,13 +3,15 @@ import styles from "./skeleton.module.css"
 export default function SkeletonShimmer({
  height,
  width,
+  contrast = "light",
 }: {
  height?: string
  width?: string
+  contrast?: "light" | "dark"
 }) {
  return (
    <div
-      className={styles.shimmer}
+      className={`${styles.shimmer} ${styles[contrast]}`}
      style={{
        height: height,
        width: width,