"use client"; import { Trophy } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "sunset" | "emerald" | "violet" | "amber"; interface Notification6Props { title?: string; description?: string; xp?: string; tone?: Tone; className?: string; } const tileClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", sunset: "bg-gradient-to-br from-rose-500 to-orange-500 text-white", emerald: "bg-gradient-to-br from-emerald-500 to-teal-500 text-white", violet: "bg-gradient-to-br from-violet-500 to-fuchsia-500 text-white", amber: "bg-gradient-to-br from-amber-400 to-orange-500 text-white", }; export const notification6Demo: Notification6Props = { title: "Achievement unlocked", description: "Shipped 10 pull requests this week", xp: "+250 XP", tone: "sunset", }; export function Notification6({ title, description, xp, tone = "sunset", className, }: Notification6Props) { return (

{title && ( {title} )} {description && ( {description} )}

{xp && ( {xp} )}

); }