import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import style from './text-box.module.scss';
export const TextBox = (props)=>{
    const { item } = props;
    return /*#__PURE__*/ _jsx("div", {
        className: style.textBox,
        children: /*#__PURE__*/ _jsx("div", {
            className: "llm__row",
            children: /*#__PURE__*/ _jsx("div", {
                className: "llm__col --end-sm-9 --sm-6",
                children: /*#__PURE__*/ _jsxs("div", {
                    className: style.textBoxInner,
                    children: [
                        item.number && /*#__PURE__*/ _jsx("div", {
                            className: style.textBoxNumber,
                            children: /*#__PURE__*/ _jsx("div", {
                                className: "-llm-em-heading1",
                                children: item.number
                            })
                        }),
                        item.title && /*#__PURE__*/ _jsx("h2", {
                            className: "-llm-em-display2",
                            children: item.title
                        }),
                        item.description && /*#__PURE__*/ _jsx("div", {
                            className: "-llm-em-body1",
                            dangerouslySetInnerHTML: {
                                __html: item.description
                            }
                        }),
                        item.cta && /*#__PURE__*/ _jsx("a", {
                            href: item.cta.url,
                            className: style.btnOutline,
                            target: "_self",
                            title: item.cta.title,
                            children: item.cta.title
                        })
                    ]
                })
            })
        })
    });
};

//# sourceMappingURL=text-box.js.map