Emil
24 lines
726 B
TypeScript
24 lines
726 B
TypeScript
import { Skeleton } from '@/components/ui/skeleton'
|
|
|
|
export default function ExtensionLoadingSkeleton() {
|
|
return (
|
|
<div className="space-y-6">
|
|
{/* KPI cards skeleton */}
|
|
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
|
{[1, 2, 3].map(i => (
|
|
<div key={i} className="rounded-xl border p-6 space-y-2">
|
|
<Skeleton className="h-4 w-24" />
|
|
<Skeleton className="h-8 w-16" />
|
|
<Skeleton className="h-3 w-32" />
|
|
</div>
|
|
))}
|
|
</div>
|
|
{/* Content skeleton */}
|
|
<div className="rounded-xl border p-6 space-y-4">
|
|
<Skeleton className="h-6 w-48" />
|
|
<Skeleton className="h-40 w-full" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|