"use client"; import { Heart } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = | "neutral" | "primary" | "foreground" | "sky" | "emerald" | "violet" | "amber" | "rose"; interface Health1Props { bpm?: number; status?: string; updated?: string; label?: string; 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 traceClasses: Record = { neutral: "text-foreground", primary: "text-primary", foreground: "text-foreground", sky: "text-sky-500", emerald: "text-emerald-500", violet: "text-violet-500", amber: "text-amber-500", rose: "text-rose-500", }; export const health1Demo: Health1Props = { bpm: 72, status: "Resting · Normal", updated: "2 min ago", label: "Heart rate", tone: "rose", }; export function Health1({ bpm = 0, status, updated, label = "Heart rate", tone = "rose", className, }: Health1Props) { return (

{label}

{bpm} bpm

{status && {status}} {updated && {updated}}

); }