Spaces:

financeflow
/

ai

Sleeping

ai / frontend /src /components /MetricCard.jsx

Aissugur Kurganbekov

Claude Opus 4.8 (1M context)

Redesign frontend into a premium dark-first AI workspace

375d687 5 months ago

375 Bytes

// MetricCard — big value + label + optional hint. tone: good | bad.
export default function MetricCard({ value, label, hint, tone }) {
  return (
    <div className="metric-card">
      <div className={`metric-value ${tone || ""}`}>{value}</div>
      <div className="metric-label">{label}</div>
      {hint && <div className="metric-hint">{hint}</div>}
    </div>
  );
}

	// MetricCard — big value + label + optional hint. tone: good \| bad.
	export default function MetricCard({ value, label, hint, tone }) {
	return (
	<div className="metric-card">
	<div className={`metric-value ${tone \|\| ""}`}>{value}</div>
	<div className="metric-label">{label}</div>
	{hint && <div className="metric-hint">{hint}</div>}
	</div>
	);
	}