// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
/** Bandeau /stats → /stats/marche : la validation externe de la mesure. */
"use client";
import Link from "next/link";
import { useLang } from "./LangContext";

export default function MarcheTeaser({
  n,
  mdape,
  ratio,
}: {
  n: number;
  mdape: number;
  ratio: number;
}) {
  const { lang } = useLang();
  const fr = lang === "fr";
  const loc = fr ? "fr-CA" : "en-CA";
  return (
    <section className="mx-auto mt-12 max-w-5xl px-4">
      <Link
        href="/stats/marche"
        className="vp-card vp-card-hover block border-l-4 border-l-[var(--accent)] p-5"
      >
        <span className="kicker">{fr ? "Nouveau — validation externe" : "New — external validation"}</span>
        <h2 className="vp-display mt-2 text-[20px] font-bold uppercase tracking-[-0.02em]">
          {fr ? "La mesure à l'épreuve du marché" : "The measure vs. the market"}
        </h2>
        <p className="mt-2 max-w-3xl text-[13.5px] leading-relaxed text-ink-2">
          {fr
            ? `Le moteur confronté à ${n.toLocaleString(loc)} annonces réellement à vendre (base Immo-Ka) : ratio médian estimation / prix demandé ${ratio.toLocaleString(loc, { minimumFractionDigits: 3 })}, MdAPE ${(mdape * 100).toLocaleString(loc, { maximumFractionDigits: 1 })} %, et la calibration A-D vérifiée sur le terrain →`
            : `The engine tested on ${n.toLocaleString(loc)} properties actually for sale (Immo-Ka data): median estimate/asking ratio ${ratio.toLocaleString(loc, { minimumFractionDigits: 3 })}, ${(mdape * 100).toLocaleString(loc, { maximumFractionDigits: 1 })}% MdAPE, and the A-D calibration verified in the field →`}
        </p>
      </Link>
    </section>
  );
}