Files
prowler/ui/app/(prowler)/_overview/exploitability/_components/exploitability-chart.skeleton.tsx
T

21 lines
745 B
TypeScript

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