// -----------------------------------------------------------------------------
// Lou-Ka — Agrégateur de logements à louer (province de Québec)
// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
// fiche/PropertySummary.tsx : carte « En bref » — 4 à 6 constats déterministes
//   (voir synthese.ts) avec ton (✓ / ! / ○) et preuve chiffrée.
// -----------------------------------------------------------------------------
import { Constat } from "./synthese";
import { SectionCard, SkeletonLines } from "./ui";

export function BriefList({ items, compact = false }: { items: Constat[]; compact?: boolean }) {
  const glyph = (t: Constat["tone"]) => (t === "good" ? "✓" : t === "bad" ? "✕" : t === "warn" ? "!" : "○");
  return (
    <ul className="lk-brief">
      {items.map((c) => (
        <li key={c.cle}>
          <span className={`lk-brief-ico ${c.tone === "info" ? "neutral" : c.tone}`} aria-hidden="true">{glyph(c.tone)}</span>
          <div>
            <div className="lk-brief-t">{c.titre}</div>
            {!compact && c.detail && <div className="lk-brief-d">{c.detail}</div>}
          </div>
        </li>
      ))}
    </ul>
  );
}

export default function PropertySummary({ items, loading }: { items: Constat[]; loading: boolean }) {
  return (
    <SectionCard id="resume" title="En bref">
      {items.length > 0 ? <BriefList items={items} /> : loading ? <SkeletonLines n={4} /> : (
        <p className="lk-fine">Pas encore de synthèse : les données de marché et d'environnement manquent pour ce secteur.</p>
      )}
    </SectionCard>
  );
}