import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import style from './combo-box.module.scss';
export const ComboBox = (props)=>{
    const { item } = props;
    return /*#__PURE__*/ _jsx("div", {
        className: style.comboBox,
        children: /*#__PURE__*/ _jsxs("div", {
            className: "llm__row",
            children: [
                /*#__PURE__*/ _jsx("div", {
                    className: "llm__col --end-sm-12 --sm-6 --order-sm-2",
                    children: /*#__PURE__*/ _jsx("div", {
                        className: style.comboBoxMedia,
                        children: item.media && /*#__PURE__*/ _jsx("div", {
                            className: "llm-media-4-5",
                            children: /*#__PURE__*/ _jsx("img", {
                                src: item.media.src,
                                alt: ""
                            })
                        })
                    })
                }),
                /*#__PURE__*/ _jsx("div", {
                    className: "llm__col --end-sm-5 --sm-4 --order-sm-1",
                    children: /*#__PURE__*/ _jsx("div", {
                        className: style.comboBoxWrapper,
                        children: /*#__PURE__*/ _jsxs("div", {
                            className: style.comboBoxInner,
                            children: [
                                item.number && /*#__PURE__*/ _jsx("div", {
                                    className: style.comboBoxNumber,
                                    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=combo-box.js.map