demeter

Autonomous Hydroponic Intelligence
git clone https://github.com/maydayv7/demeter

LoadingShimmer.jsx (567B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
export default function LoadingShimmer({
  count = 3,
  height = 80,
  style = {},
  className = "",
}) {
  return (
    <div
      style={{
        display: "flex",
        flexDirection: "column",
        gap: 12,
        ...style,
      }}
      className={className}
    >
      {Array.from({ length: count }).map((_, i) => (
        <div
          key={i}
          className="shimmer"
          style={{
            height: height,
            borderRadius: 12,
            border: "1px solid var(--border)",
          }}
        />
      ))}
    </div>
  );
}