Loading Card
Loading skeleton card with placeholders
import { Card, CardContent, CardHeader } from "@/components/ui/card"import { Skeleton } from "@/components/ui/skeleton"export function LoadingCard() { return ( <Card> <CardHeader> <Skeleton className="h-5 w-32" /> <Skeleton className="h-4 w-48" /> </CardHeader> <CardContent className="flex flex-col gap-4"> <Skeleton className="h-32 w-full rounded-lg" /> <div className="flex flex-col gap-2"> <Skeleton className="h-4 w-full" /> <Skeleton className="h-4 w-3/4" /> <Skeleton className="h-4 w-1/2" /> </div> <div className="flex gap-2"> <Skeleton className="h-9 flex-1 rounded-md" /> <Skeleton className="h-9 flex-1 rounded-md" /> </div> </CardContent> </Card> )}