"use client"; import { cn } from "@/lib/utils"; type Tone = | "primary" | "foreground" | "violet" | "emerald" | "sky" | "amber" | "rose"; interface Dashboard17Props { label?: string; value?: string; rate?: string; tone?: Tone; className?: string; } const pingClasses: Record = { primary: "bg-primary", foreground: "bg-foreground", violet: "bg-violet-500", emerald: "bg-emerald-500", sky: "bg-sky-500", amber: "bg-amber-500", rose: "bg-rose-500", }; const textClasses: Record = { primary: "text-primary", foreground: "text-foreground", violet: "text-violet-600 dark:text-violet-400", emerald: "text-emerald-600 dark:text-emerald-400", sky: "text-sky-600 dark:text-sky-400", amber: "text-amber-600 dark:text-amber-400", rose: "text-rose-600 dark:text-rose-400", }; export const dashboard17Demo: Dashboard17Props = { label: "Live requests", value: "2,418", rate: "+24 / sec", tone: "emerald", }; export function Dashboard17({ label = "Live", value = "0", rate, tone = "emerald", className, }: Dashboard17Props) { return (

{value} {rate && ( {rate} )}

); }