spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonBlock, 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-6 h-7 w-64" />9      <div className="grid grid-cols-2 gap-4 border-y border-hair py-3 sm:grid-cols-4">10        {Array.from({ length: 4 }).map((_, i) => (11          <div key={i} className="flex flex-col gap-2">12            <Skeleton className="h-6 w-16" />13            <Skeleton className="h-2.5 w-24" />14          </div>15        ))}16      </div>17      <div className="grid gap-6 py-6 md:grid-cols-3">18        <SkeletonBlock className="h-24" />19        <SkeletonBlock className="h-24" />20        <SkeletonBlock className="h-24" />21      </div>22      <Skeleton className="mb-3 h-9 w-full" />23      <SkeletonRows rows={10} />24    </Page>25  );26}27