"use client"; import { cn } from "@/lib/utils"; type Tone = "foreground" | "primary" | "success" | "muted"; interface Card2Props { label?: string; value?: string; data?: number[]; tone?: Tone; className?: string; } const toneClasses: Record = { foreground: "text-foreground", primary: "text-primary", success: "text-emerald-500", muted: "text-muted-foreground", }; export const card2Demo: Card2Props = { label: "Revenue · 30d", value: "$48.2k", data: [12, 18, 14, 22, 20, 28, 24, 32, 30, 38, 36, 44], tone: "success", }; export function Card2({ label, value, data = [], tone = "primary", className, }: Card2Props) { const width = 160; const height = 40; const points = (() => { if (data.length === 0) return ""; const max = Math.max(...data); const min = Math.min(...data); const range = max - min || 1; const step = data.length > 1 ? width / (data.length - 1) : 0; return data .map((d, i) => { const x = i * step; const y = height - ((d - min) / range) * height; return `${x.toFixed(1)},${y.toFixed(1)}`; }) .join(" "); })(); return (

{label} {value}

); }