mirror of
https://github.com/prowler-cloud/prowler.git
synced 2026-07-23 12:31:54 +00:00
Alan Buscaglia
4d5676f00e
Co-authored-by: Alan Buscaglia <alanbuscaglia@MacBook-Pro.local> Co-authored-by: alejandrobailo <alejandrobailo94@gmail.com> Co-authored-by: César Arroba <cesar@prowler.com> Co-authored-by: Alejandro Bailo <59607668+alejandrobailo@users.noreply.github.com>
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import { Card, CardBody, CardHeader } from "@heroui/card";
|
|
import { Skeleton } from "@heroui/skeleton";
|
|
|
|
export const SkeletonProviderWorkflow = () => {
|
|
return (
|
|
<Card>
|
|
<CardHeader className="flex flex-col items-start gap-2">
|
|
<Skeleton className="h-6 w-2/3 rounded-lg">
|
|
<div className="bg-default-200 h-6"></div>
|
|
</Skeleton>
|
|
<Skeleton className="h-4 w-1/2 rounded-lg">
|
|
<div className="bg-default-200 h-4"></div>
|
|
</Skeleton>
|
|
</CardHeader>
|
|
<CardBody className="flex flex-col items-start gap-6">
|
|
<div className="flex gap-4">
|
|
<Skeleton className="h-12 w-12 rounded-lg">
|
|
<div className="bg-default-200 h-12 w-12"></div>
|
|
</Skeleton>
|
|
<Skeleton className="h-12 w-12 rounded-lg">
|
|
<div className="bg-default-200 h-12 w-12"></div>
|
|
</Skeleton>
|
|
</div>
|
|
<Skeleton className="h-5 w-3/4 rounded-lg">
|
|
<div className="bg-default-200 h-5"></div>
|
|
</Skeleton>
|
|
<Skeleton className="h-12 w-40 self-end rounded-lg">
|
|
<div className="bg-default-200 h-12"></div>
|
|
</Skeleton>
|
|
</CardBody>
|
|
</Card>
|
|
);
|
|
};
|