"use client"; import { TrendingDown, TrendingUp } from "lucide-react"; import { cn } from "@/lib/utils"; type Tone = "primary" | "foreground" | "sunset" | "emerald" | "violet"; interface Money1Props { symbol?: string; name?: string; price?: string; delta?: number; tone?: Tone; className?: string; } const toneClasses: Record = { primary: "bg-primary text-primary-foreground", foreground: "bg-foreground text-background", sunset: "bg-gradient-to-br from-amber-400 to-orange-500 text-white", emerald: "bg-gradient-to-br from-emerald-400 to-teal-500 text-white", violet: "bg-gradient-to-br from-violet-500 to-fuchsia-500 text-white", }; export const money1Demo: Money1Props = { symbol: "BTC", name: "Bitcoin", price: "$67,420.30", delta: 2.4, tone: "primary", }; export function Money1({ symbol = "BTC", name, price, delta = 0, tone = "primary", className, }: Money1Props) { const isUp = delta >= 0; const TrendIcon = isUp ? TrendingUp : TrendingDown; const trendColor = isUp ? "text-emerald-600 dark:text-emerald-400" : "text-rose-600 dark:text-rose-400"; return (

{symbol}

{name && ( {name} )} {price}

); }