"use client"; import { Cookie } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "violet" | "emerald" | "sky" | "amber" | "rose"; interface Browser10Props { message?: string; rejectLabel?: string; acceptLabel?: string; tone?: Tone; className?: string; } const acceptClasses: Record = { primary: "bg-primary text-primary-foreground hover:bg-primary/90", foreground: "bg-foreground text-background hover:bg-foreground/90", violet: "bg-violet-500 text-white hover:bg-violet-500/90", emerald: "bg-emerald-500 text-white hover:bg-emerald-500/90", sky: "bg-sky-500 text-white hover:bg-sky-500/90", amber: "bg-amber-500 text-white hover:bg-amber-500/90", rose: "bg-rose-500 text-white hover:bg-rose-500/90", }; const iconClasses: Record = { primary: "text-primary", foreground: "text-foreground", violet: "text-violet-500", emerald: "text-emerald-500", sky: "text-sky-500", amber: "text-amber-500", rose: "text-rose-500", }; export const browser10Demo: Browser10Props = { message: "We use cookies to measure traffic and improve your experience.", rejectLabel: "Reject", acceptLabel: "Accept", tone: "primary", }; export function Browser10({ message = "This site uses cookies.", rejectLabel = "Reject", acceptLabel = "Accept", tone = "primary", className, }: Browser10Props) { return (

); }