"use client"; import { Gift } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "emerald" | "sky" | "violet" | "amber" | "rose"; interface Card17Props { amount?: string; brand?: string; code?: string; expiry?: string; label?: string; tone?: Tone; className?: string; } const cardClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", emerald: "bg-gradient-to-br from-emerald-600 via-teal-500 to-sky-500 text-white", sky: "bg-gradient-to-br from-sky-600 via-indigo-500 to-violet-500 text-white", violet: "bg-gradient-to-br from-violet-600 via-fuchsia-500 to-rose-500 text-white", amber: "bg-gradient-to-br from-amber-500 via-orange-500 to-rose-500 text-white", rose: "bg-gradient-to-br from-rose-500 via-pink-500 to-orange-500 text-white", }; export const card17Demo: Card17Props = { amount: "$50", brand: "Beste", code: "BSTE-7Z91-X2Q", expiry: "Expires 31 Dec 2027", label: "Gift card", tone: "emerald", }; export function Card17({ amount, brand = "Brand", code, expiry, label = "Gift card", tone = "emerald", className, }: Card17Props) { return (

{label}

{amount} · {brand}

{code && ( {code} )} {expiry && ( {expiry} )}

); }