"use client"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "violet" | "emerald" | "sky" | "amber" | "rose"; interface Ai10Props { label?: string; used?: number; quota?: number; resetsIn?: string; tone?: Tone; className?: string; } const arcClasses: Record = { primary: "text-primary", foreground: "text-foreground", violet: "text-violet-500", emerald: "text-emerald-500", sky: "text-sky-500", amber: "text-amber-500", rose: "text-rose-500", }; const RADIUS = 18; const CIRC = 2 * Math.PI * RADIUS; export const ai10Demo: Ai10Props = { label: "Monthly requests", used: 4200, quota: 10000, resetsIn: "resets in 12d", tone: "violet", }; export function Ai10({ label = "Requests", used = 0, quota = 1000, resetsIn, tone = "violet", className, }: Ai10Props) { const pct = Math.max(0, Math.min(100, (used / Math.max(1, quota)) * 100)); const offset = CIRC * (1 - pct / 100); return (

{Math.round(pct)}%

{label} {used.toLocaleString()}{" "} / {quota.toLocaleString()} {resetsIn && ( {resetsIn} )}

); }