import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { str } from './parts.js';
/** A highlighted pull quote with optional attribution. */
export function PullQuoteSection({ section }) {
    const c = section.content;
    const quote = str(c, 'quote');
    const attribution = str(c, 'attribution');
    const role = str(c, 'role');
    if (!quote)
        return null;
    return (_jsxs("figure", { className: "mx-auto max-w-3xl px-6", children: [_jsx("blockquote", { className: "border-brand border-l-4 pl-6", children: _jsxs("p", { className: "text-foreground text-xl leading-relaxed font-medium sm:text-2xl", children: ["\u201C", quote, "\u201D"] }) }), (attribution || role) && (_jsxs("figcaption", { className: "text-muted-foreground mt-3 pl-6 text-sm", children: [attribution && _jsx("span", { className: "text-foreground font-medium", children: attribution }), attribution && role && _jsx("span", { "aria-hidden": true, children: " \u00B7 " }), role] }))] }));
}
//# sourceMappingURL=PullQuoteSection.js.map