"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[23],{46:function(e,t,n){var i=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return r(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const l=n(0),c=s(n(3)),u=o(n(1)),a=o(n(45)),d=o(n(9)),f=o(n(10)),h=o(n(114)),b=n(245);function m({visible:e,onClick:t,position:n}){return(0,l.jsx)(b.CSSTransition,Object.assign({in:e,timeout:450,unmountOnExit:!0,classNames:{enter:h.default.showButtonEnter,enterActive:h.default.showButtonEnterActive,exit:h.default.showButtonExit,exitActive:h.default.showButtonExitActive}},{children:(0,l.jsx)("button",Object.assign({className:(0,u.default)("absolute z-10 top-1/2 -mt-20 p-4 bg-white border-2 border-bdraddy rounded-full shadow-xl",h.default.button,"left"===n&&h.default.leftButton,"right"===n&&h.default.rightButton),onClick:t},{children:(0,l.jsx)("svg",Object.assign({"aria-hidden":"true",focusable:"false",role:"presentation",className:"w-5 h-5 fill-current stroke-current",viewBox:"0 0 284.49 498.98"},{children:"left"===n?(0,l.jsx)("path",{d:"M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"}):(0,l.jsx)("path",{d:"M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"})}))}))}))}t.default=function({heading:e,columns:t,rows:n,collectionHandle:i,products:r,cta:s,ctaText:o,centerText:b=!0,showProductColors:x=!0,useSharedState:j}){const v=(0,c.useRef)(!1),p=(0,c.useRef)(null),[w,g]=(0,c.useState)(!1),[O,_]=(0,c.useState)(!1);function y(){return(null===window||void 0===window?void 0:window.innerWidth)/4*3}function k(){g(v.current&&p.current.scrollLeft>0),_(v.current&&p.current.scrollLeft<p.current.scrollWidth-p.current.offsetWidth)}function B(){return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}return(0,l.jsxs)("div",Object.assign({className:"mb-8 sm:mb-16"},{children:[e&&(0,l.jsx)("div",Object.assign({className:(0,u.default)("mb-3 md:mb-6",b&&"text-center")},{children:(0,l.jsx)(f.default,Object.assign({component:"h2"},{children:e}))})),(0,l.jsx)("div",Object.assign({onMouseEnter:function(){B()||(v.current=!0,k())},onMouseLeave:function(){B()||(v.current=!1,g(!1),_(!1))}},{children:(0,l.jsxs)("div",Object.assign({className:"relative"},{children:[(0,l.jsx)(m,{visible:w,onClick:function(){p.current.scrollBy({top:0,left:-1*y(),behavior:"smooth"})},position:"left"}),(0,l.jsx)(m,{visible:O,onClick:function(){p.current.scrollBy({top:0,left:y(),behavior:"smooth"})},position:"right"}),(0,l.jsx)("div",Object.assign({ref:p,onScroll:function(){k()},className:"overflow-x-scroll"},{children:(0,l.jsx)("ul",Object.assign({className:(0,u.default)("flex -mx-3 md:-mx-5")},{children:r&&Array.isArray(r)&&r.slice(0,n*t).map(((e,t)=>(0,l.jsx)(a.default,{handle:i,product:e,centerText:b,showProductColors:x,large:!0,itemClasses:(0,u.default)(h.default.product,"flex flex-col flex-shrink-0 justify-between mb-2 mx-3 md:mx-5"),useSharedState:j},t)))}))}))]}))})),o&&(0,l.jsx)("div",Object.assign({className:(0,u.default)("flex justify-center mt-5 w-full","md:mt-8")},{children:(0,l.jsx)(d.default,Object.assign({href:s.href,shineOnHover:!0},{children:o}))}))]}))}}}]);