/* BZK-specifieke layouts: genummerde lijst, drie kolommen met lijstjes, markdown-codeblok met voor-en-na. Zelfde tokens en animatieklassen. */ function Footnote({ children }) { return (

{children}

); } /* Genummerde lijst met kop en toelichting, 3 tot 5 items */ function NumberedList({ eyebrow, title, items = [], footnote, idx, total, layoutLabel }) { const many = items.length > 4; const tight = many; const foot = !many && (!!footnote || items.length === 4); return (

{eyebrow && {eyebrow}}

{title}

{items.map((it, i) => (

{it.num || i + 1}

{it.head}

{it.body &&

{it.body}

}

))}

{footnote &&

{footnote}

} {idx && } {layoutLabel || "Numbered list"}

); } /* Drie kolommen, elk een kopje met een lijstje eronder */ function ThreeListGrid({ eyebrow, title, lead, columns = [], footnote, idx, total, layoutLabel }) { return (

{eyebrow && {eyebrow}}

{title}

{lead &&

{lead}

}

{columns.map((c, i) => (

{c.title}

))}

{footnote &&

{footnote}

} {idx && } {layoutLabel || "Three lists"}

); } /* Markdown-bestand als code, met twee panelen ernaast */ function CodeCompare({ eyebrow, title, filename, fileNote, lines = [], panels = [], footnote, idx, total, layoutLabel }) { return (

{eyebrow && {eyebrow}}

{title}

{filename} {fileNote}

              {lines.map((l, i) => {
                const t = typeof l === "string" ? { t: l } : l;
                const style = t.k === "h" ? { color: "var(--coral)", fontWeight: 700 }
                  : t.k === "b" ? { fontWeight: 700 }
                  : t.k === "li" ? { color: "var(--muted)" }
                  : {};
                return {t.t || ""};
              })}

{panels.map((p, i) => (

{p.label}

{p.quote}

{p.body &&

{p.body}

}

))}

{footnote &&

{footnote}

} {idx && } {layoutLabel || "Code compare"}

); } Object.assign(window, { Footnote, NumberedList, ThreeListGrid, CodeCompare });