"use client"; import { Sparkles } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = "primary" | "foreground" | "sunset" | "ocean" | "violet"; interface Search9Props { prompt?: string; action?: string; tone?: Tone; className?: string; } const borderClasses: Record = { primary: "from-primary via-primary to-primary/60", foreground: "from-foreground via-foreground to-foreground/60", sunset: "from-rose-500 via-orange-500 to-amber-500", ocean: "from-sky-500 via-indigo-500 to-violet-500", violet: "from-violet-500 via-fuchsia-500 to-rose-500", }; const buttonClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", sunset: "bg-gradient-to-r from-rose-500 to-orange-500 text-white", ocean: "bg-gradient-to-r from-sky-500 to-indigo-500 text-white", violet: "bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white", }; const iconClasses: Record = { primary: "text-primary", foreground: "text-foreground", sunset: "text-orange-500", ocean: "text-indigo-500", violet: "text-fuchsia-500", }; export const search9Demo: Search9Props = { prompt: "Summarize last week's support tickets", action: "Ask AI", tone: "ocean", }; export function Search9({ prompt, action = "Ask AI", tone = "ocean", className, }: Search9Props) { return (

); }