import { Skeleton } from "@/components/ui/skeleton";

// /rapor/yazdir rapor sorgusunu bekler — belge düzeninde iskelet.
export default function Loading() {
  return (
    <main
      aria-live="polite"
      className="mx-auto w-full max-w-3xl bg-white p-8"
    >
      <div className="border-b-2 border-slate-200 pb-4">
        <Skeleton className="h-8 w-64" />
        <Skeleton className="mt-2 h-4 w-40" />
      </div>
      <div className="mt-6 space-y-3">
        {Array.from({ length: 8 }).map((_, i) => (
          <Skeleton key={i} className="h-14 w-full rounded-lg" />
        ))}
      </div>
    </main>
  );
}