(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[220],{130:()=>{},2015:()=>{},4302:(e,t,a)=>{"use strict";a.d(t,{default:()=>n});var i=a(5155),o=a(2115);function n(e){let{bubbleCount:t=10,minDuration:a=7,maxDuration:n=10,className:d=""}=e,[r,s]=(0,o.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,o.useEffect)(()=>{s(Array.from({length:t},(e,t)=>({left:"".concat(100*Math.random(),"%"),delay:"0s",duration:"".concat(a+Math.random()*(n-a),"s"),id:t,initialY:120*Math.random(),isPopped:!1})))},[t,a,n]),(0,i.jsx)("div",{className:"bubble-effect ".concat(d),children:r.map(e=>(0,i.jsx)("div",{"data-bubble-id":e.id,className:"bubble ".concat(e.isPopped?"popped":""),style:{left:e.left,animationDelay:e.delay,animationDuration:e.duration,"--initial-offset":"".concat(e.initialY,"vh"),...e.isPopped&&e.poppedTransform?{transform:e.poppedTransform}:{}},onClick:()=>l(e.id)},e.id))})}a(7349)},5459:(e,t,a)=>{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,[171,270,708,441,684,358],()=>t(5459)),_N_E=e.O()}]);