(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7220],{130:()=>{},2015:()=>{},4302:(e,t,a)=>{"use strict";a.d(t,{default:()=>r});var o=a(5155),n=a(2115);function r(e){let{bubbleCount:t=10,minDuration:a=7,maxDuration:r=10,className:d=""}=e,[i,s]=(0,n.useState)([]),l=e=>{let t=document.querySelector('[data-bubble-id="'.concat(e,'"]')),a="";t&&(a=window.getComputedStyle(t).transform),s(t=>t.map(t=>t.id===e?{...t,isPopped:!0,poppedTransform:a}:t)),setTimeout(()=>{s(t=>t.filter(t=>t.id!==e))},200)};return(0,n.useEffect)(()=>{s(Array.from({length:t},(e,t)=>{let o=a+Math.random()*(r-a);return{left:"".concat(100*Math.random(),"%"),delay:"".concat(-Math.random()*o,"s"),duration:"".concat(o,"s"),id:t,isPopped:!1}}))},[t,a,r]),(0,o.jsx)("div",{className:"bubble-effect ".concat(d),children:i.map(e=>(0,o.jsx)("div",{"data-bubble-id":e.id,className:"bubble ".concat(e.isPopped?"popped":""),style:{left:e.left,animationDelay:e.delay,animationDuration:e.duration,...e.isPopped&&e.poppedTransform?{transform:e.poppedTransform}:{}},onClick:()=>l(e.id)},e.id))})}a(7349)},4405:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,3063,23)),Promise.resolve().then(a.t.bind(a,130,23)),Promise.resolve().then(a.t.bind(a,2015,23)),Promise.resolve().then(a.bind(a,4302))},7349:()=>{}},e=>{var t=t=>e(e.s=t);e.O(0,[9171,9270,6708,3063,8441,1684,7358],()=>t(4405)),_N_E=e.O()}]);