demeter

Autonomous Hydroponic Intelligence

frontend/src/components/ui/LoadingShimmer.jsx (567B)


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