// Rendert de platte inhoud van een kennisitem: een lege regel begint een
// nieuwe alinea, regels die met "- " beginnen vormen samen een opsomming.
export function KennisInhoud({ inhoud }: { inhoud: string }) {
  const blokken = inhoud.split(/\n\s*\n/).filter((b) => b.trim());
  return (
    <div className="space-y-2 text-sm text-slate-700">
      {blokken.map((blok, i) => {
        const regels = blok.split("\n").filter((r) => r.trim());
        const isLijst = regels.every((r) => r.trimStart().startsWith("- "));
        if (isLijst) {
          return (
            <ul key={i} className="list-disc pl-5 space-y-1">
              {regels.map((r, j) => (
                <li key={j}>{r.trimStart().slice(2)}</li>
              ))}
            </ul>
          );
        }
        return (
          <p key={i} className="whitespace-pre-wrap">
            {blok}
          </p>
        );
      })}
    </div>
  );
}