14 lines
366 B
TypeScript
14 lines
366 B
TypeScript
|
export function SkeletonLines({ count = 2 }: { count?: number }) {
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col gap-1.5">
|
||
|
|
{Array.from({ length: count }, (_, index) => (
|
||
|
|
<div
|
||
|
|
key={index}
|
||
|
|
className="h-3 animate-pulse rounded bg-surface-raised"
|
||
|
|
style={{ width: `${70 - index * 15}%` }}
|
||
|
|
/>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|