import { X } from "lucide-react"; import type { ReactNode } from "react"; import { cn } from "@/shared/lib/cn"; type ComposerChipTone = "file" | "agent" | "skill" | "automation"; const toneClasses: Record = { file: "bg-gray-100/70 text-gray-600 hover:bg-gray-100 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700", agent: "bg-blue-100/20 text-blue-700 hover:bg-blue-100/30 dark:bg-blue-100/10 dark:text-blue-100 dark:hover:bg-blue-100/15", skill: "bg-yellow-100/25 text-yellow-700 hover:bg-yellow-100/35 dark:bg-yellow-100/10 dark:text-yellow-100 dark:hover:bg-yellow-100/15", automation: "bg-green-100/20 text-green-700 hover:bg-green-100/30 dark:bg-green-100/10 dark:text-green-100 dark:hover:bg-green-100/15", }; interface ComposerChipProps { tone: ComposerChipTone; label: string; removeLabel: string; onRemove: () => void; leading?: ReactNode; title?: string; className?: string; } export function ComposerChip({ tone, label, removeLabel, onRemove, leading, title, className, }: ComposerChipProps) { return ( {label} ); }