import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { str } from './parts.js';
/** Generic "Text Block" / mission statement section. */
export function MissionSection({ section }) {
    const c = section.content;
    const alignment = str(c, 'alignment', 'center');
    const align = alignment === 'left' ? 'text-left' : 'text-center mx-auto';
    const heading = str(c, 'heading');
    const body = str(c, 'body');
    return (_jsxs("div", { className: `max-w-3xl px-6 ${align}`, children: [heading && (_jsx("h2", { className: "text-2xl font-semibold tracking-tight text-zinc-900 sm:text-3xl", children: heading })), body && _jsx("p", { className: "mt-4 text-base leading-relaxed text-zinc-600 sm:text-lg", children: body })] }));
}
//# sourceMappingURL=MissionSection.js.map