"use client"; import { FileText, Play } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "amber" | "sky" | "emerald" | "violet"; interface Upload16Props { filename?: string; percent?: number; remaining?: string; tone?: Tone; className?: string; } const buttonClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", amber: "bg-amber-500 text-white", sky: "bg-sky-500 text-white", emerald: "bg-emerald-500 text-white", violet: "bg-violet-500 text-white", }; const barClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", amber: "bg-amber-500", sky: "bg-sky-500", emerald: "bg-emerald-500", violet: "bg-violet-500", }; const textClasses: Record = { primary: "text-primary", foreground: "text-foreground", amber: "text-amber-700 dark:text-amber-300", sky: "text-sky-700 dark:text-sky-300", emerald: "text-emerald-700 dark:text-emerald-300", violet: "text-violet-700 dark:text-violet-300", }; export const upload16Demo: Upload16Props = { filename: "keynote-rehearsal.mp4", percent: 34, remaining: "Paused · 212 MB left", tone: "amber", }; export function Upload16({ filename, percent = 0, remaining, tone = "amber", className, }: Upload16Props) { const pct = Math.max(0, Math.min(100, percent)); return (

{filename} {remaining && ( {remaining} )}

); }