website-session-kit
Version:
A modular and extensible session management toolkit for modern websites.
9 lines (8 loc) • 1.26 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import LpContentContainer from '../../containers/LpContentContainer';
import Line from '../../ui/Line';
import FeaturedButton from '../../ui/FeaturedButton';
const CtaCustomSection = ({ children, highlight, buttonLabel, checkoutLink, afterButton, className = '', buttonBgColor, buttonTextColor, buttonBorderColor, lineColor = '#e16a3d', grafismColor = '#e16a3d', lpBgColor = 'bg-gradient-to-b from-[#00172f] to-black', lpHeight, lpClassName, }) => {
return (_jsxs(LpContentContainer, { 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 }), _jsx("h2", { className: "font-light text-center text-2xl sm:text-3xl uppercase", children: highlight }), children, _jsx(FeaturedButton, { label: buttonLabel, href: checkoutLink, className: "text-lg", padding: "px-5 py-3", bgColor: buttonBgColor, textColor: buttonTextColor, borderColor: buttonBorderColor }), afterButton && _jsxs("p", { className: "text-sm font-light", children: ["(", afterButton, ")"] })] }));
};
export default CtaCustomSection;