import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import style from './small-card.module.scss';
export const SmallCard = (props)=>{
    const { item } = props;
    return /*#__PURE__*/ _jsxs("article", {
        className: style.smallCard,
        children: [
            item.media && /*#__PURE__*/ _jsx("div", {
                className: "llm-media-1-1",
                children: /*#__PURE__*/ _jsx("img", {
                    src: item.media.src,
                    alt: ""
                })
            }),
            /*#__PURE__*/ _jsxs("div", {
                className: style.smallCardContent,
                children: [
                    item.title && /*#__PURE__*/ _jsx("h3", {
                        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=small-card.js.map