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

export default function UsageLoading() {
  return (
    <>
      <HeaderSkeleton />
      <Skeleton className="mb-6 h-6 w-44" />
      <div className="grid gap-4 sm:grid-cols-2">
        {Array.from({ length: 4 }).map((_, i) => (
          <Skeleton key={i} className="h-36 rounded-2xl" />
        ))}
      </div>
    </>
  );
}