(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84998],{59769:(s,e,n)=>{"use strict";n.d(e,{Z:()=>t});let t=(0,n(64833).z)("button")({name:"DefaultButton",class:"dj4vswd",propsAsIs:!1});n(16368)},84998:(s,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>j});var t=n(67841),l=n(79477),i=n(64833),a=n(59769);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.z)("div")({name:"AnimationWrapper",class:"a1hlike7",propsAsIs:!1}),p=(0,i.z)("svg")({name:"Svg",class:"szwjbjn",propsAsIs:!1}),h=(0,i.z)("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.Z,{onClick:()=>i(o()),children:"Click me"})]})};n(98363)},16368:s=>{s.exports={dj4vswd:"dj4vswd"}},98363:s=>{s.exports={a1hlike7:"a1hlike7","scaleIn-a1hlike7":"scaleIn-a1hlike7",szwjbjn:"szwjbjn","spin-szwjbjn":"spin-szwjbjn",w1i4zko:"w1i4zko"}}}]);
//# sourceMappingURL=84998.7170ac572f700b1b.js.map