"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[64],{107:(e,n,t)=>{t.r(n)},756:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});const r={wrapper:"wuVv0ok_",wrapperItem:"Dbxihgns"}},755:(e,n,t)=>{const r=t(265);(0,t(5).createEntrypoint)("freeShippingMarquee",r.FreeShippingMarquee)},265:function(e,n,t){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.FreeShippingMarquee=void 0;const i=t(0),s=(t(1),r(t(106))),a=r(t(756)),{wrapper:u,wrapperItem:l}=a.default;n.FreeShippingMarquee=function({text:e}){return(0,i.jsx)("div",Object.assign({className:u},{children:(0,i.jsx)("div",Object.assign({class:"marquee-container"},{children:(0,i.jsx)(s.default,Object.assign({gradient:!1,speed:50},{children:(()=>{let n=Array();for(let t=0;t<50;t++)n.push((0,i.jsx)("span",Object.assign({className:l},{children:e}),t));return n.map((e=>e))})()}))}))}))}},106:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0});const r=t(0),i=t(1),s=t(3);t(107),n.default=({style:e={},className:n="",play:t=!0,pauseOnHover:a=!1,pauseOnClick:u=!1,direction:l="left",speed:c=20,delay:d=0,loop:o=0,gradient:p=!0,gradientColor:g=[255,255,255],gradientWidth:f=200,onFinish:h,onCycleComplete:m,children:j,value:v})=>{const[y,b]=(0,s.useState)(0),[O,w]=(0,s.useState)(0),[x,$]=(0,s.useState)(0),_=(0,s.useRef)(null),q=(0,s.useRef)(null),C=()=>{q.current&&_.current&&(b(_.current.getBoundingClientRect().width),w(q.current.getBoundingClientRect().width)),$(O(C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)})));const k=`rgba(${g[0]}, ${g[1]}, ${g[2]}`;return(0,r.jsx)(i.Fragment,{children:(0,r.jsxs)("div",Object.assign({ref:_,style:Object.assign(Object.assign({},e),{"--pause-on-hover":a?"paused":"running","--pause-on-click":u?"paused":"running"}),className:n+" marquee-container"},{children:[p&&(0,r.jsx)("div",{style:{"--gradient-color":`${k}, 1), ${k}, 0)`,"--gradient-width":"number"==typeof f?`${f}px`:f},className:"overlay"}),(0,r.jsx)("div",Object.assign({ref:q,style:{"--play":t?"running":"paused","--direction":"left"===l?"normal":"reverse","--duration":`${x}s`,"--delay":`${d}s`,"--iteration-count":o?`${o}`:"infinite"},className:"marquee",onAnimationIteration:m,onAnimationEnd:h},{children:j})),(0,r.jsx)("div",Object.assign({style:{"--play":t?"running":"paused","--direction":"left"===l?"normal":"reverse","--duration":`${x}s`,"--delay":`${d}s`,"--iteration-count":o?`${o}`:"infinite"},className:"marquee"},{children:j}))]}),null!=v?v:"")})}}},e=>{e.O(0,[1,2],(()=>(755,e(e.s=755)))),e.O()}]);