26 lines
713 B
TypeScript
26 lines
713 B
TypeScript
import { RouteLoading } from "@/components/common/RouteLoading";
|
|
import { ShieldCheckIcon } from "@heroicons/react/24/outline";
|
|
import { LoadingCard, Skeleton } from "@/components/ui/loading-skeleton";
|
|
|
|
export default function CheckoutLoading() {
|
|
return (
|
|
<RouteLoading
|
|
icon={<ShieldCheckIcon />}
|
|
title="Checkout"
|
|
description="Verifying details and preparing your order..."
|
|
mode="content"
|
|
>
|
|
<div className="max-w-2xl mx-auto space-y-6">
|
|
<LoadingCard />
|
|
<LoadingCard />
|
|
<div className="flex gap-4">
|
|
<Skeleton className="h-10 w-full" />
|
|
<Skeleton className="h-10 w-full" />
|
|
</div>
|
|
</div>
|
|
</RouteLoading>
|
|
);
|
|
}
|
|
|
|
|