import type { ReactNode } from "react";

type StatCardProps = {
  label: string;
  value: number | string;
  tone?: string;
  icon?: ReactNode;
};

export function StatCard({ label, value, tone = "neutral", icon }: StatCardProps) {
  return (
    <div className={`stat-card ${tone}`}>
      <span className="stat-icon">{icon}</span>
      <span>{label}</span>
      <strong>{value}</strong>
    </div>
  );
}
