import Link from "next/link";
import { ArrowRight, ShoppingBag } from "lucide-react";

export function CommerceLoading({ message = "Loading your shopping bag…" }: { message?: string }) { return <div className="commerce-state" role="status"><span className="commerce-loading-dot" /><p>{message}</p></div>; }
export function EmptyBag({ checkout = false }: { checkout?: boolean }) {
  return <div className="commerce-state"><ShoppingBag size={43} strokeWidth={1.1} /><h2>{checkout ? "Add a favourite before checking out." : "Your shopping bag is waiting."}</h2><p>Discover the collections and choose something that feels like you.</p><Link href="/shop" className="button button-primary">Explore collections <ArrowRight size={16} /></Link></div>;
}