"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("swiper/modules"),a=require("swiper/react"),_=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("../../src/modules/Highlight/highlight.module.css");;/* empty css                                                                         */;/* empty css                                                                                     */const c=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/HighlightCard/HighlightCard.cjs.js"),q=require("../../components/ProgressButton/ProgressButton.cjs.js"),P=[v.Navigation],k=({title:r,subtitle:t,highlightCards:n})=>{const h=_.useSwiper(),o=n.length===3,g=n.length>3,{isEnd:p,isBeginning:m,hideNav:u,handleSlideChange:w,handlePrevClick:S,handleNextClick:x,onSwiperInit:y,handleSwiperResize:j,handleReachEnd:N,handleReachBeginning:b}=h;return e.jsx("section",{className:s.root,children:e.jsxs("div",{className:s.container,children:[(r||t)&&e.jsxs("div",{className:s.textContent,children:[r&&e.jsx(c.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingLg",className:s.title,children:r}),t&&e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:s.subtitle,children:t})]}),o&&e.jsx("div",{className:s.cardGrid,children:n.map((i,l)=>e.jsx("div",{className:s.cardGridItem,children:e.jsx(d.HighlightCard,{image:i.image,eyebrow:i.eyebrow,title:i.title,description:i.description,link:i.link,colorScheme:i.colorScheme})},`${i.title}_${l}`))}),!o&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.carouselArea,children:e.jsx(a.Swiper,{onSwiper:y,onResize:j,onSlideChange:w,onReachEnd:N,onReachBeginning:b,modules:P,spaceBetween:16,slidesPerView:3,breakpoints:{0:{slidesPerView:1},769:{slidesPerView:2},1201:{slidesPerView:3}},className:s.swiper,children:n.map((i,l)=>e.jsx(a.SwiperSlide,{className:s.swiperSlide,children:e.jsx(d.HighlightCard,{image:i.image,eyebrow:i.eyebrow,title:i.title,description:i.description,link:i.link,colorScheme:i.colorScheme})},`${i.title}_${l}`))})}),g&&!u&&e.jsx("div",{className:s.navigation,children:e.jsx(q.ProgressButton,{left:{disabled:m,onClick:S},right:{disabled:p,onClick:x}})})]})]})})};exports.Highlight=k;
