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

export default function AccountSubscriptionsLoading() {
  return (
    <RouteLoading
      icon={<Server />}
      title="Subscriptions"
      description="View and manage your subscriptions"
      mode="content"
    >
      <div className="space-y-6">
        <SubscriptionStatsCardsSkeleton />
        <SubscriptionTableSkeleton rows={6} />
      </div>
    </RouteLoading>
  );
}
