import { RouteLoading } from "@/components/molecules/RouteLoading";
import { ServerIcon } from "@heroicons/react/24/outline";
import { LoadingCard } from "@/components/atoms/loading-skeleton";

export default function SubscriptionDetailLoading() {
  return (
    <RouteLoading
      icon={<ServerIcon />}
      title="Subscription"
      description="Subscription details"
      mode="content"
    >
      <div className="space-y-4">
        <LoadingCard />
        <LoadingCard />
      </div>
    </RouteLoading>
  );
}
