"use client"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "violet" | "emerald" | "sky" | "amber" | "sunset"; interface Ai40Props { name?: string; role?: string; traits?: string[]; tone?: Tone; className?: string; } const headerClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", violet: "bg-gradient-to-br from-violet-500 to-fuchsia-500 text-white", emerald: "bg-gradient-to-br from-emerald-500 to-teal-500 text-white", sky: "bg-gradient-to-br from-sky-500 to-indigo-500 text-white", amber: "bg-gradient-to-br from-amber-500 to-orange-500 text-white", sunset: "bg-gradient-to-br from-rose-500 to-orange-500 text-white", }; export const ai40Demo: Ai40Props = { name: "Nova", role: "Senior engineer", traits: ["Concise", "Code-first", "Terminal-friendly"], tone: "sunset", }; export function Ai40({ name = "Persona", role, traits = [], tone = "violet", className, }: Ai40Props) { return (

{name} {role && ( {role} )}

{traits.map((t) => ( {t} ))}

); }