import { RouteLoading } from "@/components/molecules/RouteLoading";
import { Server } from "lucide-react";
import {
  SubscriptionDetailStatsSkeleton,
  InvoiceListSkeleton,
} from "@/components/atoms/loading-skeleton";

export default function SubscriptionDetailLoading() {
  return (
    <RouteLoading
      icon={<Server />}
      title="Subscription"
      description="Loading subscription details..."
      mode="content"
    >
      <div className="space-y-6">
        <SubscriptionDetailStatsSkeleton />
        <InvoiceListSkeleton rows={5} />
      </div>
    </RouteLoading>
  );
}
