// src/app/(app)/backlink/loading.tsx — instant skeleton while the page's RSC fetches.
import { Skeleton } from "@/components/ui/skeleton";

const KPI_KEYS = ["a", "b", "c", "d", "e", "f"];

export default function Loading() {
  return (
    <div className="space-y-4 p-4">
      <Skeleton className="h-7 w-40" />
      <div className="grid grid-cols-2 gap-3 md:grid-cols-6">
        {KPI_KEYS.map((k) => (
          <Skeleton key={k} className="h-16" />
        ))}
      </div>
      <Skeleton className="h-96 w-full" />
    </div>
  );
}