UI logoUIUI Components

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>    )}