mirror of
https://github.com/prowler-cloud/prowler.git
synced 2026-07-16 09:01:53 +00:00
Pedro De Castro
19 lines
571 B
TypeScript
19 lines
571 B
TypeScript
import { Card, Skeleton } from "@nextui-org/react";
|
|
import React from "react";
|
|
|
|
export const ServiceSkeletonGrid = () => {
|
|
return (
|
|
<Card className="h-fit w-full p-4">
|
|
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
|
{[...Array(25)].map((_, index) => (
|
|
<div key={index} className="flex flex-col space-y-4">
|
|
<Skeleton className="h-16 rounded-lg">
|
|
<div className="h-full bg-default-300"></div>
|
|
</Skeleton>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</Card>
|
|
);
|
|
};
|