"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../src/modules/HowItWorks/howItWorks.module.css"),p=require("../../utils/useSwiper/useSwiper.cjs.js"),l=require("../../types/analytics/analytics.cjs.js"),v=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js"),d=require("../../components/ProgressButton/ProgressButton.cjs.js"),y=require("./components/Content/Content.cjs.js"),m=({title:u,getStartedLink:n,items:h,colorScheme:t="light"})=>{const s=p.useSwiper(),o=t==="dark"?"muted-invert":"muted",a=x=>{var r;(r=window.eventBus)==null||r.emit("analytics",{event:l.EAnalyticsEvent.ctaClicked,type:l.EAnalyticsEventType.interaction,component:"HowItWorks",payload:{link:n}})};return e.jsxs("section",{className:i.root,"data-color-scheme":t,children:[e.jsxs("div",{className:i.headerContainer,children:[e.jsx(v.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:u}),n&&e.jsx("div",{className:i.desktop,children:e.jsx(c.Button,{as:"a",href:n,variant:o,size:"lg",onClick:a,children:"Get started"})}),n&&e.jsx("div",{className:i.mobile,children:e.jsx(c.Button,{as:"a",href:n,variant:o,size:"sm",onClick:a,children:"Get started"})}),!n&&e.jsx("div",{className:i.navigation,children:e.jsx(d.ProgressButton,{invert:t==="dark",left:{disabled:s.isBeginning,onClick:s.handlePrevClick},right:{disabled:s.isEnd,onClick:s.handleNextClick}})})]}),e.jsx(y.Content,{items:h,colorScheme:t,swiper:s,showBottomNav:!!n}),!n&&e.jsx("div",{className:i.mobileNavigation,children:e.jsx(d.ProgressButton,{invert:t==="dark",left:{disabled:s.isBeginning,onClick:s.handlePrevClick},right:{disabled:s.isEnd,onClick:s.handleNextClick}})})]})};exports.HowItWorks=m;
