spb/fetcha

1import { Skeleton, TableSkeleton } from "@/components/ui/skeleton";23export default function RequestsLoading() {4  return (5    <div className="flex flex-col gap-5" aria-busy="true" aria-label="Loading requests">6      <div className="flex flex-col gap-2">7        <Skeleton className="h-7 w-40" />8        <Skeleton className="h-3.5 w-[420px] max-w-full" />9      </div>10      <div className="rounded-lg border border-border bg-bg-elevated p-4">11        <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5">12          {Array.from({ length: 10 }).map((_, i) => (13            <div key={i} className="flex flex-col gap-1.5">14              <Skeleton className="h-3 w-16" />15              <Skeleton className="h-9 w-full" />16            </div>17          ))}18        </div>19      </div>20      <div className="rounded-lg border border-border bg-bg-elevated">21        <TableSkeleton rows={12} cols={8} />22      </div>23    </div>24  );25}26