"use client"; import { Dumbbell } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "neutral" | "primary" | "foreground" | "sky" | "emerald" | "violet" | "amber" | "rose"; interface Health3Props { exercise?: string; sets?: number; reps?: number; weight?: string; restSeconds?: number; completed?: number; tone?: Tone; className?: string; } const iconClasses: Record = { neutral: "bg-muted text-foreground", 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 barClasses: Record = { neutral: "bg-foreground", primary: "bg-primary", foreground: "bg-foreground", sky: "bg-sky-500", emerald: "bg-emerald-500", violet: "bg-violet-500", amber: "bg-amber-500", rose: "bg-rose-500", }; export const health3Demo: Health3Props = { exercise: "Back squat", sets: 5, reps: 5, weight: "80 kg", restSeconds: 90, completed: 3, tone: "neutral", }; export function Health3({ exercise, sets = 0, reps = 0, weight, restSeconds = 0, completed = 0, tone = "neutral", className, }: Health3Props) { const mm = Math.floor(restSeconds / 60); const ss = (restSeconds % 60).toString().padStart(2, "0"); return (

{exercise} {sets} × {reps} · {weight}

{mm}:{ss}

Set {completed + 1} of {sets} · Keep going

); }