23 lines
796 B
TypeScript
23 lines
796 B
TypeScript
import { Card, CardContent, CardHeader } from "@/components/ui/card";
|
|
import { Skeleton } from "@/components/ui/skeleton";
|
|
|
|
export function DirectorySkeleton() {
|
|
return (
|
|
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
|
{Array.from({ length: 8 }, (_, index) => (
|
|
<Card key={index} className="gap-0 py-0">
|
|
<Skeleton className="aspect-[4/3] rounded-b-none" />
|
|
<CardHeader className="pt-4">
|
|
<Skeleton className="h-5 w-2/3" />
|
|
<Skeleton className="h-4 w-1/2" />
|
|
</CardHeader>
|
|
<CardContent className="flex gap-2 pb-4">
|
|
<Skeleton className="h-5 w-14" />
|
|
<Skeleton className="h-5 w-20" />
|
|
</CardContent>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|