"use client"; import { Trophy } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "neutral" | "primary" | "foreground" | "sky" | "emerald" | "violet" | "amber" | "rose"; interface Fitness2Props { lift?: string; newPr?: string; previous?: string; delta?: string; date?: string; label?: string; tone?: Tone; className?: string; } const iconClasses: Record = { neutral: "bg-foreground text-background", primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", sky: "bg-sky-500 text-white", emerald: "bg-emerald-500 text-white", violet: "bg-violet-500 text-white", amber: "bg-amber-500 text-white", rose: "bg-rose-500 text-white", }; const labelClasses: Record = { neutral: "text-foreground", primary: "text-primary", foreground: "text-foreground", sky: "text-sky-700 dark:text-sky-300", emerald: "text-emerald-700 dark:text-emerald-300", violet: "text-violet-700 dark:text-violet-300", amber: "text-amber-700 dark:text-amber-300", rose: "text-rose-700 dark:text-rose-300", }; const borderClasses: Record = { neutral: "border-border", primary: "border-primary", foreground: "border-foreground", sky: "border-sky-500", emerald: "border-emerald-500", violet: "border-violet-500", amber: "border-amber-500", rose: "border-rose-500", }; export const fitness2Demo: Fitness2Props = { lift: "Deadlift · 1RM", newPr: "180 kg", previous: "170 kg", delta: "+10 kg", date: "Hit today · Apr 23", label: "New PR", tone: "primary", }; export function Fitness2({ lift, newPr, previous, delta, date, label = "New PR", tone = "primary", className, }: Fitness2Props) { return (

{label} {lift && ( {lift} )}

{newPr} {delta && ( {delta} )}

{previous && Prev {previous}} {date && {date}}

); }