"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[19],{115:(e,r,s)=>{s.d(r,{a:()=>G});var a=s(0),i=s(1),n=s(185),t=s(2),c=s(8);function l(e){return r=>{r.on("animationStarted",(()=>{const s=r.track.details.minIdx,a=r.track.details.maxIdx,i=r.animator.targetIdx||0;e({min:s,max:a,current:i})}))}}const d={initial:0,mode:"free",slides:{perView:1.8},breakpoints:{"(min-width: 650px)":{slides:{perView:2.8}},"(min-width: 990px)":{slides:{perView:5}}},loop:!1};const o={priceColor:"#000000",grayscaleColor:"#000000",regularPriceColor:"#8E8E8E",redPriceColor:"#B70111"};var p=s(116);const{wrapper:u,wrapperBiggerFont:j,wrapperTitle:x,wrapperCrossedPrice:m,wrapperImageContainer:b,wrapperPricesContainer:h,wrapperPricesContainerActualPrice:g,wrapperPricesContainerComparePrice:w,wrapperPricesContainerActualPriceFrom:v}=p.a,N=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:i,price:t,crossedPrice:c,isFromPrice:l},currencySymbol:d="$"})=>{const p=t!==c,N=Object.assign({},o),O=`${r}?variant=${i}`;return(0,a.jsxs)("div",Object.assign({className:u},{children:[(0,a.jsx)("a",Object.assign({href:O},{children:(0,a.jsx)("div",Object.assign({className:b},{children:(0,a.jsx)("img",{width:13,height:18,src:s.src,alt:s.alt})}))})),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",Object.assign({className:x},{children:e})),l&&(0,a.jsx)("div",Object.assign({className:h},{children:(0,a.jsx)("p",Object.assign({className:v},{children:`From ${d}${t}`}))})),!l&&(0,a.jsxs)("div",Object.assign({className:h},{children:[p&&(0,a.jsx)("p",Object.assign({className:(0,n.a)(w,m),style:{color:N.regularPriceColor}},{children:`${d}${c}`})),(0,a.jsx)("p",Object.assign({className:(0,n.a)(g,!p&&j),style:{color:p?N.redPriceColor:N.grayscaleColor}},{children:` ${d}${t}`}))]}))]})})]}))};var O=s(117),C=s(4);const{wrapper:P,wrapperLeft:k,wrapperRight:f,wrapperHidden:S}=O.a,y=({current:e,min:r,max:s,handleSlideNext:t,handleSlidePrev:c})=>{const l=e===r,d=e===s;return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("button",Object.assign({onClick:c,className:(0,n.a)(P,k,l&&S)},{children:(0,a.jsx)(C.d,{})})),(0,a.jsx)("button",Object.assign({onClick:t,className:(0,n.a)(P,f,d&&S)},{children:(0,a.jsx)(C.d,{})}))]})};var L=s(118);const{wrapper:$,arrowLeft:I,arrowRight:F,disable:E}=L.a,R=({slides:e,currencySymbol:r})=>{const{carouselRef:s,isJsDisabled:i,handleSlideNext:o,handleSlidePrev:p,slideIdx:{current:u,min:j,max:x}}=function(e){const[r,s]=(0,t.useState)(!0),[a,i]=(0,t.useState)({min:0,max:1,current:0}),[n,d]=(0,c.a)(e,[l(i)]);var o,p;(0,t.useEffect)((o=d,p=e,()=>(o.current&&o.current.update(Object.assign({},p)),()=>{o.current&&o.current.destroy()})),[d.current]);const u=(0,t.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.prev()}),[d.current]),j=(0,t.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.next()}),[d.current]);return(0,t.useEffect)((()=>{s(!1)}),[]),{carouselRef:n,handleSlideNext:j,handleSlidePrev:u,isJsDisabled:r,instanceRef:d,slideIdx:a}}(d);return(0,a.jsxs)("div",Object.assign({className:(0,n.a)($,i&&"noJsProductSlider")},{children:[(0,a.jsx)(y,{current:u,min:j,max:x,handleSlideNext:o,handleSlidePrev:p}),(0,a.jsx)("a",Object.assign({className:(0,n.a)(I,u===j?E:""),onClick:p},{children:(0,a.jsx)(C.r,{})})),(0,a.jsx)("a",Object.assign({className:(0,n.a)(F,u===x?E:""),onClick:o},{children:(0,a.jsx)(C.s,{})})),(0,a.jsx)("div",Object.assign({ref:s,class:(0,n.a)("keen-slider")},{children:e.length>0&&e.map(((e,s)=>(0,a.jsx)("div",Object.assign({className:`keen-slider__slide number-slide${s}`},{children:(0,a.jsx)(N,{currencySymbol:r,product:e},e.productTitle)}),e.productTitle)))}))]}))};var T=s(119);const{wrapper:B}=T.a,J=({buttonLabel:e,buttonLink:r})=>(0,a.jsx)("a",Object.assign({href:r,className:B},{children:e}));var V=s(120);const{wrapper:A}=V.a,D=({title:e})=>(0,a.jsx)("h1",Object.assign({className:A},{children:e}));var _=s(121);const{wrapper:H,wrapperBtn:q,wrapperTitle:z}=_.a,G=({products:e,heading:r,buttonLabel:s,buttonLink:n})=>e&&0!==e.length?(0,a.jsxs)("div",Object.assign({className:H},{children:[(0,a.jsxs)("div",Object.assign({className:z},{children:[(0,a.jsx)(D,{title:r}),(0,a.jsx)(J,{buttonLabel:s,buttonLink:n})]})),(0,a.jsx)(R,{slides:e,currencySymbol:"$"}),(0,a.jsx)("div",Object.assign({className:q},{children:(0,a.jsx)(J,{buttonLabel:s,buttonLink:n})}))]})):(0,a.jsx)(i.Fragment,{})}}]);