import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Check } from '@gravity-ui/icons';
import { BackgroundImage, Buttons, CardBase, ContentList, HTML, Links } from "../../components/index.js";
import { block } from "../../utils/index.js";
import './PriceCard.css';
const b = block('price-card');
const PriceCard = (props) => {
    const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
    return (_jsx(CardBase, { className: b({ theme }), border: border, children: _jsxs(CardBase.Content, { children: [_jsx(BackgroundImage, { className: b('background'), style: { backgroundColor } }), _jsxs("div", { className: b('content', { theme }), children: [_jsxs("div", { className: b('info'), children: [_jsx(HTML, { className: b('title'), children: title }), _jsxs("div", { className: b('price'), children: [_jsxs("div", { children: [_jsx("span", { className: b('price-value'), children: price }), pricePeriod && (_jsxs("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && (_jsx("div", { className: b('price-details'), children: priceDetails }))] }), description && _jsx("div", { className: b('description'), children: description }), list?.length ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list.map((item) => ({
                                            icon: Check,
                                            text: item,
                                        })), size: "s" }) })) : null] }), _jsx(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), _jsx(Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
};
export default PriceCard;
//# sourceMappingURL=PriceCard.js.map
