"use client"; import { FileText, Pause, X } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "sky" | "emerald" | "violet" | "amber"; interface Upload12Props { filename?: string; bytesUploaded?: string; bytesTotal?: string; speed?: string; eta?: string; percent?: number; tone?: Tone; className?: string; } const tileClasses: Record = { primary: "bg-primary/15 text-primary", foreground: "bg-foreground/15 text-foreground", sky: "bg-sky-500/15 text-sky-500", emerald: "bg-emerald-500/15 text-emerald-500", violet: "bg-violet-500/15 text-violet-500", amber: "bg-amber-500/15 text-amber-500", }; const barClasses: Record = { primary: "bg-gradient-to-r from-primary/80 to-primary", foreground: "bg-gradient-to-r from-foreground/80 to-foreground", sky: "bg-gradient-to-r from-sky-400 to-sky-500", emerald: "bg-gradient-to-r from-emerald-400 to-emerald-500", violet: "bg-gradient-to-r from-violet-400 to-violet-500", amber: "bg-gradient-to-r from-amber-400 to-amber-500", }; export const upload12Demo: Upload12Props = { filename: "campaign-edit-01.mov", bytesUploaded: "184 MB", bytesTotal: "312 MB", speed: "12.4 MB/s", eta: "10s left", percent: 59, tone: "sky", }; export function Upload12({ filename, bytesUploaded, bytesTotal, speed, eta, percent = 0, tone = "sky", className, }: Upload12Props) { const pct = Math.max(0, Math.min(100, percent)); return (

{filename} {bytesUploaded} of {bytesTotal} · {speed}

); }