import React from 'react';
import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
import Stack from '../stack/index.js';

var ArticleTeaser = function (_a) {
    var title = _a.title, text = _a.text, imageUrl = _a.imageUrl, url = _a.url, _b = _a.maxImgW, maxImgW = _b === void 0 ? '4xl' : _b;
    var styles = useMultiStyleConfig('ArticleTeaser');
    return (React.createElement("article", null,
        React.createElement("a", { href: url, target: "_blank", rel: "noopener noreferrer" },
            React.createElement(Stack, { direction: "column", spacing: "lg", align: "center" },
                React.createElement(chakra.img, { maxW: maxImgW, src: imageUrl }),
                React.createElement(Stack, { direction: "column", spacing: "sm", width: "full" },
                    React.createElement(chakra.h2, { __css: styles.title }, title),
                    React.createElement(chakra.span, { __css: styles.text }, text))))));
};

export { ArticleTeaser as default };
//# sourceMappingURL=index.js.map
