"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/YourProtocol/yourProtocol.module.css"),n=require("../../types/analytics/analytics.cjs.js"),y=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),h=require("../../components/Icon/Icon.cjs.js"),r=require("../../components/Typography/Typography.cjs.js"),g=require("../../components/Button/Button.cjs.js"),j=({title:t,image:o,tags:c,button:i,colorScheme:l="light"})=>{const d={event:n.EAnalyticsEvent.ctaClicked,type:n.EAnalyticsEventType.interaction,component:"YourProtocol",element:"Callback",payload:{ctaLink:(i==null?void 0:i.link)||"no_link"}},m=l==="dark"?"secondary":"primary";return e.jsx("section",{className:a.root,"data-scheme":l,children:e.jsxs("div",{className:a.container,children:[e.jsx(y.HighlightedTitle,{title:t,className:a.title,defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:l}),c.length>0&&e.jsx("div",{className:a.tagsList,children:c.map((s,p)=>e.jsxs("div",{className:a.tagItem,children:[s.icon&&e.jsx("div",{className:a.iconWrapper,children:e.jsx(h.Icon,{name:s.icon,className:a.icon})}),e.jsxs("div",{className:a.tagText,children:[e.jsx(r.Typography,{className:a.tagLabel,as:"p",defaultVariant:"preambleSm",children:s.label}),s.description&&e.jsx(r.Typography,{className:a.tagDescription,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:s.description})]})]},p))}),(i==null?void 0:i.link)&&(i==null?void 0:i.label)&&e.jsx("div",{className:a.callbackButton,children:e.jsx(g.Button,{href:i.link,as:"a",analyticsProps:d,size:"lg",variant:m,children:i.label})}),e.jsx("img",{src:o,alt:"Your Protocol",className:a.image})]})})};exports.YourProtocol=j;
