import { Card, CardContent, CardHeader, Skeleton } from "@/components/shadcn";

export function ExploitabilityChartSkeleton() {
  return (
    <Card
      variant="base"
      className="flex min-h-[372px] w-full min-w-0 flex-col lg:max-w-[312px]"
    >
      <CardHeader className="flex items-baseline justify-between gap-3">
        <Skeleton className="h-7 w-[140px] rounded-xl" />
        <Skeleton className="h-4 w-[56px] rounded-xl" />
      </CardHeader>
      <CardContent className="flex flex-1 flex-col gap-3">
        <Skeleton className="h-[70px] w-full rounded-lg" />
        <Skeleton className="h-[124px] w-full rounded-xl" />
        <Skeleton className="mt-auto h-4 w-full rounded-xl" />
      </CardContent>
    </Card>
  );
}