"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../types/analytics/analytics.cjs.js"),d=require("../../utils/cn/cn.cjs.js"),a=require("../../src/components/ProductListing/productListing.module.css"),j=require("../Label/Label.cjs.js"),i=require("../Typography/Typography.cjs.js"),b=require("../TypeBadge/TypeBadge.cjs.js"),p=require("../Button/Button.cjs.js"),x=({name:c,description:y,image:m,price:h,buttons:n,features:u,label:l,zenpatientId:g})=>{const r=(s,t)=>({event:o.EAnalyticsEvent.ctaClicked,type:o.EAnalyticsEventType.interaction,component:"ProductListing",element:`button_${t}`,payload:{ctaLabel:s.label,productId:g,productName:c}});return e.jsxs("section",{className:a.root,children:[e.jsxs("div",{className:a.imageWrapper,children:[e.jsx("img",{src:m,alt:c,className:a.image}),l&&e.jsx(j.Label,{color:"black",size:"sm",className:a.label,children:l})]}),e.jsxs("div",{className:a.content,children:[e.jsxs("div",{className:a.header,children:[e.jsx(i.Typography,{as:"h3",defaultVariant:"headingXl",mobileVariant:"headingMd",children:c}),e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",children:y})]}),e.jsx("div",{className:a.features,children:u.map((s,t)=>e.jsxs("div",{className:a.feature,children:[e.jsx(b.TypeBadge,{type:s.type},t),e.jsx(i.Typography,{as:"span",defaultVariant:"bodyMd",className:a.featureLabel,children:s.label})]},`${s.label}-${t}`))}),e.jsx("div",{className:a.divider}),e.jsx(i.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodyMd",emphasis:!0,children:h}),e.jsx("div",{className:d.cn(a.actions,a.desktop),children:n.map((s,t)=>e.jsx(p.Button,{...s,size:"lg",analyticsProps:r(s,t),children:s.label},t))}),e.jsx("div",{className:d.cn(a.actions,a.mobile),children:n.map((s,t)=>e.jsx(p.Button,{...s,size:"md",analyticsProps:r(s,t),children:s.label},t))})]})]})};exports.ProductListing=x;
