import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import style from './wide-card.module.scss';
export const WideCard = (props)=>{
    const { item } = props;
    return /*#__PURE__*/ _jsx("article", {
        className: `${style.wideCard} ${item.switch ? style.wideCardSwitch : ''}`,
        children: /*#__PURE__*/ _jsx("div", {
            className: "llm__row",
            children: /*#__PURE__*/ _jsx("div", {
                className: "llm__col --end-sm-10 --sm-8",
                children: /*#__PURE__*/ _jsxs("div", {
                    className: style.wideCardWrapper,
                    children: [
                        item.media && /*#__PURE__*/ _jsx("div", {
                            className: `${style.wideCardMedia} llm-media-3-2`,
                            children: /*#__PURE__*/ _jsx("img", {
                                src: item.media.src,
                                alt: ""
                            })
                        }),
                        /*#__PURE__*/ _jsxs("div", {
                            className: style.wideCardContent,
                            children: [
                                item.title && /*#__PURE__*/ _jsx("h2", {
                                    className: "-llm-em-heading2",
                                    children: item.title
                                }),
                                item.abstract && /*#__PURE__*/ _jsx("div", {
                                    className: "-llm-em-body3",
                                    dangerouslySetInnerHTML: {
                                        __html: item.abstract
                                    }
                                }),
                                item.cta && /*#__PURE__*/ _jsx("a", {
                                    href: item.cta.url,
                                    className: style.btnOutline,
                                    target: "_self",
                                    title: item.cta.title,
                                    children: item.cta.title
                                })
                            ]
                        })
                    ]
                })
            })
        })
    });
};

//# sourceMappingURL=wide-card.js.map