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

export default function BillingLoading() {
  return (
    <div className="py-6 sm:py-8 px-4 sm:px-6 max-w-[1400px] mx-auto">
      <Skeleton className="h-8 w-32 mb-6" />
      <div className="grid gap-6">
        <div className="rounded-xl border p-6 space-y-4">
          <Skeleton className="h-5 w-40" />
          <Skeleton className="h-8 w-24" />
          <Skeleton className="h-4 w-64" />
        </div>
        <div className="rounded-xl border p-6 space-y-4">
          <Skeleton className="h-5 w-48" />
          <Skeleton className="h-32 w-full rounded-md" />
        </div>
      </div>
    </div>
  )
}
