(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71333],{71333:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>f});var n=t(29549),i=t(68793),a=t(24299),r=t(10120),l=t(30188),o=t(45404),p=t(28262);let d=(0,a.I)("button")({name:"Button",class:"bkjso1j",propsAsIs:!1}),c=(0,a.I)("svg")({name:"Svg",class:"swb35in",propsAsIs:!1}),h=(0,a.I)("path")({name:"HeartPath",class:"hyxdesd",propsAsIs:!0}),u=(0,a.I)("span")({name:"LegacyTwinkleWrapper",class:"l9pgq4g",propsAsIs:!1}),w=(0,a.I)("span")({name:"LegacyParticle",class:"lqjrroj",propsAsIs:!1}),m=(0,a.I)("span")({name:"Particle",class:"p2hwk9e",propsAsIs:!1}),f=function(e){let{chaos:s,twinkleIntensity:t,numOfParticles:a}=e,[f,g]=(0,l.A)(!1),[y,k]=i.useState([]),[x,j]=i.useState(!1);return i.useEffect(()=>{var e,s;(null===(s=window.CSS)||void 0===s?void 0:null===(e=s.supports)||void 0===e?void 0:e.call(s,"hyphens","auto"))||j(!0)},[]),i.useEffect(()=>{let e=window.setInterval(()=>{let e=Date.now();k(s=>s.filter(s=>e-s.createdAt<4e3))},4e3);return()=>{window.clearInterval(e)}},[y]),(0,n.jsxs)(d,{onClick:function(){if(f){g(!1);return}g(!0),window.setTimeout(()=>{var e;k([...y,...(e=null!=(e=a)?e:(0,r.S8)(s,0,1,12,30),(0,r.y1)(e).map(t=>{let n=(0,r.S8)(t,0,e,0,360),i=20*s,a=n+(0,r.yT)(-i,i),l=(0,r.jh)(t%2==0?45:55,(0,r.yT)(32,64),s),o=1e3*s,p=Math.max((0,r.S8)(l,32,64,500,1e3)+(0,r.yT)(-o,o),200),d=300*s,c=p+(0,r.yT)(-d,d)+900,h=(0,r.jh)(300,(0,r.yT)(0,1e3),s),u=(0,r.yT)(0,360),w=(0,r.yT)(180,720),m=(0,r.S8)(s,0,1,100,70),f=(0,r.yT)(200,500);return{id:crypto.randomUUID(),angle:a,distance:l,size:(0,r.jh)(12,(0,r.yT)(6,20),s),createdAt:Date.now(),popDuration:p,fadeDuration:c,fadeDelay:h,startHue:u,hueShift:w,lightness:m,twinkleOpacity:0,twinkleDuration:f}}))])},150)},children:[(0,n.jsx)(p.A,{isPopped:f}),y.map(e=>x?(0,n.jsx)(u,{style:{"--angle":e.angle+"deg","--distance":e.distance+"px","--size":e.size+"px","--pop-duration":e.popDuration+"ms","--twinkle-opacity":(0,r.S8)(t,0,1,1,e.twinkleOpacity),"--twinkle-duration":e.twinkleDuration+"ms"},children:(0,n.jsx)(w,{style:{"--fade-duration":e.fadeDuration+"ms","--fade-delay":e.fadeDelay+"ms","--from-hue":e.startHue+"deg","--to-hue":e.hueShift+"deg","--lightness":e.lightness+"%"}})},e.id):(0,n.jsx)(m,{style:{"--angle":e.angle+"deg","--distance":e.distance+"px","--size":e.size+"px","--pop-duration":e.popDuration+"ms","--fade-duration":e.fadeDuration+"ms","--fade-delay":e.fadeDelay+"ms","--from-hue":e.startHue+"deg","--to-hue":e.hueShift+"deg","--lightness":e.lightness+"%","--twinkle-opacity":(0,r.S8)(t,0,1,1,e.twinkleOpacity),"--twinkle-duration":e.twinkleDuration+"ms"}},e.id)),(0,n.jsx)(c,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,n.jsx)(h,{d:"M3.68546 5.43796C8.61936 1.29159 11.8685 7.4309 12.0406 7.4309C12.2126 7.43091 15.4617 1.29159 20.3956 5.43796C26.8941 10.8991 13.5 21.8215 12.0406 21.8215C10.5811 21.8215 -2.81297 10.8991 3.68546 5.43796Z","data-liked":f})}),(0,n.jsx)(o.A,{children:"Like this post"})]})};t(11749)},28262:(e,s,t)=>{"use strict";t.d(s,{A:()=>p});var n=t(29549),i=t(68793),a=t(24299);let r=(0,a.I)("svg")({name:"Svg",class:"s7liaeo",propsAsIs:!1}),l=(0,a.I)("circle")({name:"MaskCircle",class:"mr69cpx",propsAsIs:!0}),o=(0,a.I)("circle")({name:"MainCircle",class:"moidzyn",propsAsIs:!0}),p=function(e){let{isPopped:s}=e,t=i.useId();return s?(0,n.jsxs)(r,{viewBox:"0 0 100 100",fill:"none",children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("mask",{id:"".concat(t,"-pop-mask"),children:[(0,n.jsx)("rect",{x:"0",y:"0",width:"100",height:"100",fill:"white"}),(0,n.jsx)(l,{cx:"50",cy:"50",r:"0",fill:"black"})]})}),(0,n.jsx)(o,{mask:"url(#".concat(t,"-pop-mask)"),cx:"50",cy:"50",r:"0",fill:"hsl(270deg 100% 80%)"})]}):null};t(79072)},11749:e=>{e.exports={bkjso1j:"bkjso1j",swb35in:"swb35in",hyxdesd:"hyxdesd",fromShrunken:"fromShrunken",l9pgq4g:"l9pgq4g","twinkle-l9pgq4g":"twinkle-l9pgq4g",fromRestingPosition:"fromRestingPosition",lqjrroj:"lqjrroj",hueShift:"hueShift",fadeToTransparent:"fadeToTransparent",p2hwk9e:"p2hwk9e","twinkle-p2hwk9e":"twinkle-p2hwk9e"}},79072:e=>{e.exports={s7liaeo:"s7liaeo",mr69cpx:"mr69cpx","grow-mr69cpx":"grow-mr69cpx",fadeToTransparent:"fadeToTransparent",moidzyn:"moidzyn","grow-moidzyn":"grow-moidzyn","colorShift-moidzyn":"colorShift-moidzyn"}}}]);
//# sourceMappingURL=71333.5521507674546f03.js.map