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-2xl font-semibold tracking-tight text-zinc-900 sm:text-3xl", children: heading })), body && _jsx("p", { className: "mx-auto mt-4 max-w-2xl text-base text-zinc-600", 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-4xl font-semibold tracking-tight text-violet-600", children: String(s.value ?? '') }), _jsx("dd", { className: "mt-2 text-sm font-medium text-zinc-700", children: String(s.label ?? '') }), s.description ? (_jsx("dd", { className: "mt-1 text-xs text-zinc-500", children: String(s.description) })) : null] }, i))) }))] }));
}
//# sourceMappingURL=ByTheNumbersSection.js.map