"use client"; import { ImageIcon, ScanLine } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "violet" | "emerald" | "sky" | "amber"; interface Ai28Props { filename?: string; dimensions?: string; objects?: string[]; tone?: Tone; className?: string; } const tileClasses: Record = { primary: "bg-primary/15 text-primary ring-primary/30", foreground: "bg-foreground/10 text-foreground ring-foreground/20", violet: "bg-violet-500/15 text-violet-600 ring-violet-500/30 dark:text-violet-400", emerald: "bg-emerald-500/15 text-emerald-600 ring-emerald-500/30 dark:text-emerald-400", sky: "bg-sky-500/15 text-sky-600 ring-sky-500/30 dark:text-sky-400", amber: "bg-amber-500/15 text-amber-600 ring-amber-500/30 dark:text-amber-400", }; const scanClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", violet: "bg-violet-500", emerald: "bg-emerald-500", sky: "bg-sky-500", amber: "bg-amber-500", }; export const ai28Demo: Ai28Props = { filename: "whiteboard.jpg", dimensions: "1920×1080", objects: ["diagram", "text", "arrows"], tone: "violet", }; export function Ai28({ filename = "image.png", dimensions, objects = [], tone = "violet", className, }: Ai28Props) { return (

{filename} {dimensions && ( {dimensions} )}

{objects.map((o) => ( {o} ))}

); }