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

export default function BillingLoading() {
  return (
    <>
      <HeaderSkeleton />
      <Skeleton className="mb-8 h-24 rounded-2xl" />
      <div className="grid gap-4 lg:grid-cols-4">
        {Array.from({ length: 4 }).map((_, i) => (
          <Skeleton key={i} className="h-80 rounded-2xl" />
        ))}
      </div>
    </>
  );
}