import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { PreviewButton, isDarkBackground, str } from './parts.js';
export function CtaBannerSection({ section }) {
    const c = section.content;
    const dark = isDarkBackground(section.settings);
    const heading = str(c, 'heading');
    const body = str(c, 'body');
    return (_jsxs("div", { className: "mx-auto max-w-3xl px-6 text-center", children: [_jsx("h2", { className: "text-2xl font-semibold tracking-tight sm:text-3xl", children: heading }), body && (_jsx("p", { className: `mx-auto mt-3 max-w-xl text-base ${dark ? 'text-brand-foreground/80' : 'text-muted-foreground'}`, children: body })), _jsx("div", { className: "mt-6 flex justify-center", children: _jsx(PreviewButton, { label: str(c, 'buttonLabel'), href: str(c, 'buttonUrl'), tone: dark ? 'onDark' : 'primary' }) })] }));
}
//# sourceMappingURL=CtaBannerSection.js.map