import { Page } from "@/components/ui/card";
import { Skeleton, SkeletonRows } from "@/components/ui/skeleton";

export default function Loading() {
  return (
    <Page className="py-6" aria-busy>
      <Skeleton className="mb-2 h-3 w-16" />
      <Skeleton className="mb-2 h-7 w-48" />
      <Skeleton className="mb-6 h-3.5 w-96 max-w-full" />
      <div className="mb-4 flex gap-1.5">
        {Array.from({ length: 5 }).map((_, i) => (
          <Skeleton key={i} className="h-7 w-20" />
        ))}
      </div>
      <SkeletonRows rows={6} />
      <SkeletonRows rows={6} className="mt-8" />
    </Page>
  );
}