website-session-kit
Version:
A modular and extensible session management toolkit for modern websites.
12 lines (11 loc) • 1.67 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import LpContentContainer from '../../containers/LpContentContainer';
import FeaturedButton from '../../ui/FeaturedButton';
import PriceShow from '../../ui/PriceShow';
import ItemsList from '../../ui/ItemsList';
import Line from '../../ui/Line';
import { FaCheck } from 'react-icons/fa';
const CtaWithItemsAndPriceSection = ({ highlight, price, salesPrice, installments, buttonLabel, checkoutLink, afterButton, ctaItems, className = '', grafismColor = '#e16a3d', lineColor = '#e16a3d', lpBgColor = 'bg-gradient-to-b from-[#00172f] to-black', lpHeight, lpClassName, }) => {
return (_jsxs(LpContentContainer, { title: highlight, grafismColor: grafismColor, className: `text-center text-[#daebfd] ${className}`, containerBgColor: lpBgColor, containerHeight: lpHeight, containerClassName: lpClassName, children: [_jsx(Line, { width: "w-[10%]", height: "h-[1px]", color: lineColor }), ctaItems && (_jsx("div", { className: "p-3 border border-white rounded-lg", children: _jsx(ItemsList, { items: ctaItems.map((text) => ({ text })), icon: _jsx(FaCheck, {}), iconColor: "text-[#e16a3d]", responsive: false, textSize: "text-md", iconSize: "text-md", className: "w-full text-start px-3" }) })), _jsx("div", { className: "pt-4", children: _jsx(FeaturedButton, { label: buttonLabel, href: checkoutLink, padding: "px-7 py-4", className: "text-xl" }) }), _jsx(PriceShow, { price: price, salesPrice: salesPrice, installments: installments, className: "mt-2" }), afterButton && _jsxs("p", { className: "text-sm font-light mt-1", children: ["(", afterButton, ")"] })] }));
};
export default CtaWithItemsAndPriceSection;