demeter
Autonomous Hydroponic Intelligencegit clone https://github.com/maydayv7/demeter
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}