"use client"; import { Bell } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = "primary" | "foreground" | "rose" | "emerald" | "amber" | "sky"; interface Notification17Props { count?: number; label?: string; pinging?: boolean; tone?: Tone; className?: string; } const badgeClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", rose: "bg-rose-500 text-white", emerald: "bg-emerald-500 text-white", amber: "bg-amber-500 text-white", sky: "bg-sky-500 text-white", }; const pingClasses: Record = { primary: "bg-primary/40", foreground: "bg-foreground/40", rose: "bg-rose-500/40", emerald: "bg-emerald-500/40", amber: "bg-amber-500/40", sky: "bg-sky-500/40", }; export const notification17Demo: Notification17Props = { count: 12, label: "Notifications", pinging: true, tone: "rose", }; export function Notification17({ count = 0, label = "Notifications", pinging = true, tone = "rose", className, }: Notification17Props) { const display = count > 99 ? "99+" : String(count); return (

{label}

); }