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

export default function PaymentsLoading() {
  return (
    <RouteLoading
      icon={<CreditCardIcon />}
      title="Payment Methods"
      description="Manage your payment methods"
      mode="content"
    >
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <LoadingCard />
        <LoadingCard />
      </div>
    </RouteLoading>
  );
}
