import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { str } from './parts.js';
export function ByTheNumbersSection({ section }) {
    const c = section.content;
    const heading = str(c, 'heading');
    const body = str(c, 'body');
    const stats = Array.isArray(c.stats) ? c.stats : [];
    return (_jsxs("div", { className: "mx-auto max-w-5xl px-6 text-center", children: [heading && (_jsx("h2", { className: "text-foreground text-2xl font-semibold tracking-tight sm:text-3xl", children: heading })), body && _jsx("p", { className: "text-muted-foreground mx-auto mt-4 max-w-2xl text-base", children: body }), stats.length > 0 && (_jsx("dl", { className: "mt-10 grid grid-cols-1 gap-8 sm:grid-cols-3", children: stats.map((s, i) => (_jsxs("div", { children: [_jsx("dt", { className: "text-brand text-4xl font-semibold tracking-tight", children: String(s.value ?? '') }), _jsx("dd", { className: "text-foreground mt-2 text-sm font-medium", children: String(s.label ?? '') }), s.description ? (_jsx("dd", { className: "text-muted-foreground mt-1 text-xs", children: String(s.description) })) : null] }, i))) }))] }));
}
//# sourceMappingURL=ByTheNumbersSection.js.map