import { createElement as _createElement } from "react";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Row } from "../grid";
import Card from "../card";
import Text from "../text";
import Button from "../button";
import { Wrapper } from "./styled";
const CardRoadmap = ({ caption, heading, description, button, key, }) => {
    return (_jsxs(Card, { className: "card", children: [_jsx(Text.F2, { className: "caption", children: caption }), _jsx(Text.T3, { className: "heading", children: heading }), _jsx(Text.T4, { className: "description", children: description }), _jsx(Button, { onClick: button.onClick, disabled: button.disabled, children: button.title })] }, key));
};
const CardsRoadmap = ({ items }) => {
    return (_jsx(Wrapper, { children: _jsx(Row, { className: "cards", children: items.map((props, i) => (_createElement(CardRoadmap, { ...props, key: i }))) }) }));
};
export default CardsRoadmap;
//# sourceMappingURL=index.js.map