"use client"; import { ArchiveRestore, HardDrive } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "ocean" | "sunset" | "violet" | "emerald"; interface Upload29Props { used?: string; total?: string; percent?: number; plan?: string; tone?: Tone; className?: string; } const tileClasses: Record = { primary: "bg-primary/15 text-primary", foreground: "bg-foreground/15 text-foreground", ocean: "bg-indigo-500/15 text-indigo-500", sunset: "bg-orange-500/15 text-orange-500", violet: "bg-violet-500/15 text-violet-500", emerald: "bg-emerald-500/15 text-emerald-500", }; const barClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", ocean: "bg-gradient-to-r from-indigo-500 to-fuchsia-500", sunset: "bg-gradient-to-r from-orange-500 to-rose-500", violet: "bg-gradient-to-r from-violet-500 to-fuchsia-500", emerald: "bg-gradient-to-r from-emerald-500 to-teal-500", }; export const upload29Demo: Upload29Props = { used: "184.2 GB", total: "250 GB", percent: 74, plan: "Growth plan · shared with team", tone: "primary", }; export function Upload29({ used, total, percent = 0, plan, tone = "ocean", className, }: Upload29Props) { const pct = Math.max(0, Math.min(100, percent)); return (

Storage {plan && ( {plan} )}

{used} / {total}

); }