spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonRows } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-6" aria-busy>7      <Skeleton className="mb-2 h-3 w-16" />8      <Skeleton className="mb-3 h-7 w-48" />9      <Skeleton className="mb-5 h-4 w-full max-w-xl" />10      <div className="grid grid-cols-2 gap-4 border-y border-hair py-3 sm:grid-cols-5">11        {Array.from({ length: 5 }).map((_, i) => (12          <div key={i} className="flex flex-col gap-2">13            <Skeleton className="h-5 w-16" />14            <Skeleton className="h-2.5 w-20" />15          </div>16        ))}17      </div>18      <div className="mt-5 flex gap-2">19        <Skeleton className="h-9 w-40" />20        <Skeleton className="h-9 w-40" />21        <Skeleton className="h-9 w-28" />22      </div>23      <SkeletonRows rows={10} className="mt-6" />24    </Page>25  );26}27