// -----------------------------------------------------------------------------
// Immo-Ka — Agrégateur de propriétés à vendre (province de Québec)
// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
// fiche/PropertyDescription.tsx : description de la source — texte tronqué à
//   ~200 px avec « Lire la suite », paragraphes conservés (pre-line).
// -----------------------------------------------------------------------------
import { useState } from "react";
import { Listing } from "../api";
import { MoreButton, SectionCard } from "./ui";

export default function PropertyDescription({ l }: { l: Listing }) {
  const [open, setOpen] = useState(false);
  const texte = (l.description || "").trim();
  if (!texte) {
    return (
      <SectionCard id="description" title="Description">
        <p className="ik-fine">La source ne fournit pas de description pour cette annonce.</p>
      </SectionCard>
    );
  }
  const long = texte.length > 420;
  return (
    <SectionCard id="description" title="Description">
      <div className={`ik-desc ${long && !open ? "clamped" : ""}`}>
        <div className="ik-desc-body"><p>{texte}</p></div>
      </div>
      {long && <MoreButton onClick={() => setOpen(!open)} expanded={open}>{open ? "Réduire" : "Lire la suite"}</MoreButton>}
    </SectionCard>
  );
}