"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),i=require("../../src/components/Pricing/pricing.module.css"),l=require("../../types/analytics/analytics.cjs.js"),o=require("../Label/Label.cjs.js"),p=require("../Typography/Typography.cjs.js"),b=require("./components/BenefitItem/BenefitItem.cjs.js"),d=require("../Button/Button.cjs.js"),x=({label:a,price:m,items:y,link:s,button:n,zenpatientId:g,element:u})=>{const r={event:l.EAnalyticsEvent.ctaClicked,type:l.EAnalyticsEventType.interaction,component:"Pricing",element:u,payload:{ctaLabel:"GET STARTED",ctaLink:s,productId:g}};return e.jsxs("div",{className:i.root,children:[e.jsx(o.Label,{size:"lg",color:a.color,className:c.cn(i.pricingLabel,i.pricingLabelDesktop),children:a.label}),e.jsx(o.Label,{size:"sm",color:a.color,className:c.cn(i.pricingLabel,i.pricingLabelMobile),children:a.label}),e.jsxs("p",{className:i.pricing,children:[e.jsx(p.Typography,{as:"span",defaultVariant:"displayMd",mobileVariant:"displaySm",className:i.pricingTextPrimary,children:`$${m}`}),e.jsx(p.Typography,{as:"span",defaultVariant:"headingSm",mobileVariant:"headingXs",className:i.pricingTextSecondary,children:"/ mo"})]}),e.jsx("div",{className:i.benefits,children:y.map((t,h)=>e.jsx(b.BenefitItem,{badge:t.badge,label:t.label},h))}),e.jsx("div",{className:i.pricingButtonContainerDesktop,children:e.jsx(d.Button,{...n,size:"lg",as:"a",href:s,analyticsProps:r,children:"GET STARTED"})}),e.jsx("div",{className:i.pricingButtonContainerMobile,children:e.jsx(d.Button,{...n,size:"md",as:"a",href:s,analyticsProps:r,children:"GET STARTED"})}),e.jsx("div",{className:i.leftBorder}),e.jsx("div",{className:i.rightBorder})]})};exports.Pricing=x;
