"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[13],{31:(e,s,r)=>{r.d(s,{a:()=>w});var i=r(0),l=r(1),a=r(2),t=r(281),c=r(9);const n={slides:{perView:1.75,spacing:15},breakpoints:{"(min-width: 450px)":{slides:{perView:2.75,spacing:15}},"(min-width: 1024px)":{slides:{perView:5,spacing:15}}}};var o=r(43),d=r(157),u=r(27);const{wrapper:g,wrapperActive:p,wrapperFiniteSlider:b,wrapperStretchItems:h,sliderBar:k}=u.a,w=({badgeLabels:e,currencySymbol:s,isSaleBadgeEnabled:r,upsellProducts:u})=>{const h=`keen-slider first ${g}`,{currentColorPicker:k,toggleColorPicker:w,jsDisabled:j,sliderRef:f,slidesToShow:m}=(e=>{const[s,r]=(0,a.useState)(""),[i,l]=(0,a.useState)(""),[o,d]=(0,a.useState)(!0);(0,a.useEffect)((()=>{d(!1)}),[]);const u=(0,a.useCallback)((e=>{if(i===e)return l("");l(e)}),[i]),g=e.length>2,p=(0,a.useMemo)((()=>g?(0,t.d)(e,3):e),[g]),b=Object.assign(Object.assign({},n),{loop:g,drag:!s,selector:".first > .keen-slider__slide"}),[h,k]=(0,c.a)(b);return(0,a.useEffect)((()=>{}),[p.length]),{currentColorPicker:s,currentSizePicker:i,jsDisabled:o,slidesToShow:p,isLoop:g,sliderRef:h,toggleColorPicker:e=>{var s;s=e,document.body.style.overflowY=s?"hidden":"auto",r(e),l("")},toggleSizePicker:u}})(u);return(0,i.jsxs)(l.Fragment,{children:[(0,i.jsx)("div",Object.assign({className:(0,t.a)(j&&"noJsForCollectionsList")},{children:(0,i.jsx)("div",Object.assign({ref:f,className:(0,t.a)(h,b,k&&p)},{children:m.map(((a,t)=>(0,i.jsx)(l.Fragment,{children:(0,i.jsx)("div",Object.assign({className:"keen-slider__slide"},{children:(0,i.jsx)(d.a,{currencySymbol:s,product:a,isSaleBadgeEnabled:r,badgeLabels:e},t+a[0].id)}))})))}))})),(0,i.jsx)(o.a,{currentColorPicker:k,toggleColorPicker:w,withLayer:!0})]})}}}]);