(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77972],{43256:(s,e,n)=>{"use strict";n.d(e,{A:()=>t});let t=(0,n(31928).I)("button")({name:"DefaultButton",class:"dj4vswd",propsAsIs:!1});n(25551)},77972:(s,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>j});var t=n(87687),l=n(52751),i=n(31928),a=n(43256);let r=(s,e)=>Math.floor(Math.random()*(e-s))+s,o=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"hsl(50deg, 100%, 50%)";return{id:String(r(1e4,99999)),createdAt:Date.now(),color:s,size:200}};function c(s){let{color:e,size:n,style:l}=s;return(0,t.jsx)(d,{children:(0,t.jsx)(p,{width:n,height:n,viewBox:"0 0 160 160",fill:"none",style:l,children:(0,t.jsx)("path",{d:"M80 0C80 0 84.2846 41.2925 101.496 58.504C118.707 75.7154 160 80 160 80C160 80 118.707 84.2846 101.496 101.496C84.2846 118.707 80 160 80 160C80 160 75.7154 118.707 58.504 101.496C41.2925 84.2846 0 80 0 80C0 80 41.2925 75.7154 58.504 58.504C75.7154 41.2925 80 0 80 0Z",fill:e})})})}let d=(0,i.I)("div")({name:"AnimationWrapper",class:"a1hlike7",propsAsIs:!1}),p=(0,i.I)("svg")({name:"Svg",class:"szwjbjn",propsAsIs:!1}),h=(0,i.I)("span")({name:"Wrapper",class:"w1i4zko",propsAsIs:!1}),j=function(s){let{children:e}=s,[n,i]=l.useState(o);return(0,t.jsxs)(h,{children:[(0,t.jsx)(c,{color:n.color,size:n.size,style:n.style},n.id),(0,t.jsx)(a.A,{onClick:()=>i(o()),children:"Click me"})]})};n(234)},25551:s=>{s.exports={dj4vswd:"dj4vswd"}},234:s=>{s.exports={a1hlike7:"a1hlike7","scaleIn-a1hlike7":"scaleIn-a1hlike7",szwjbjn:"szwjbjn","spin-szwjbjn":"spin-szwjbjn",w1i4zko:"w1i4zko"}}}]);
//# sourceMappingURL=77972.05d2c3769ce32b78.js.map