/**
 * Trouve-KA — tuile de statistique (étiquette klabel + valeur display)
 * Author: Simon-Pierre Boucher
 * Contact: contact@spboucher.ai
 */

import { cn } from "@/lib/utils";

interface StatProps {
  label: string;
  value: string;
  hint?: string;
  className?: string;
}

/**
 * Tuile de statistique éditoriale : étiquette mono uppercase, valeur en
 * Space Grotesk bold, carte à bordure encre et ombre décalée.
 */
export function Stat({ label, value, hint, className }: StatProps) {
  return (
    <div className={cn("gk-card p-4", className)}>
      <p className="klabel">{label}</p>
      <p className="mt-1.5 font-display text-2xl font-bold tracking-[-0.03em] text-ink">
        {value}
      </p>
      {hint ? <p className="mt-1 text-xs text-ink-3">{hint}</p> : null}
    </div>
  );
}