(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30603],{9993:(s,n,e)=>{"use strict";e.d(n,{A:()=>c});var a=e(87687),t=e(31928);let l=(0,t.I)("button")({name:"Button",class:"bfcbb0d",propsAsIs:!1}),i=(0,t.I)("span")({name:"PseudoCheckbox",class:"p1j1lk84",propsAsIs:!1}),r=(0,t.I)(function(s){return(0,a.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:[(0,a.jsx)("path",{d:"M20 6L9 17L4 12",stroke:"var(--color-background)",strokeWidth:"12",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)(o,{d:"M20 6L9 17L4 12"})]})})({name:"StyledCheck",class:"sj1pvsb",propsAsIs:!0}),o=(0,t.I)("path")({name:"GreenCheckPath",class:"g1d1nm9x",propsAsIs:!0}),p=(0,t.I)("span")({name:"ButtonText",class:"b1s05r4i",propsAsIs:!1}),c=function(s){let{isToggled:n,children:e,...t}=s;return(0,a.jsxs)(l,{...t,children:[(0,a.jsx)(i,{children:n&&(0,a.jsx)(r,{})}),(0,a.jsx)(p,{children:e})]})};e(32157)},52150:(s,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>x});var a=e(87687),t=e(52751),l=e(31928),i=e(54401),r=e(20120),o=e(9993);let p=(0,l.I)("div")({name:"Wrapper",class:"w15d73cm",propsAsIs:!1}),c=(0,l.I)("div")({name:"BallWrapper",class:"b4genuf",propsAsIs:!1}),u=(0,l.I)("div")({name:"BallSocket",class:"b56px31",propsAsIs:!1}),d=(0,l.I)("div")({name:"BallElem",class:"b1gw4f1b",propsAsIs:!1}),b=(0,l.I)(o.A)({name:"Button",class:"b1hsu63a",propsAsIs:!0}),x=function(){let[s,n]=t.useState(!1),e=(0,i.A)();return t.useEffect(()=>{n(!e)},[e]),(0,a.jsx)(r.Ay,{initialValues:{},outputWrapper:null,children:()=>(0,a.jsxs)(p,{children:[(0,a.jsxs)(c,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(d,{style:{animationPlayState:s?"running":"paused","--oscillation-amount":"8px"}})]}),(0,a.jsxs)(c,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(d,{style:{animationPlayState:s?"running":"paused","--oscillation-amount":"16px"}})]}),(0,a.jsxs)(c,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(d,{style:{animationPlayState:s?"running":"paused","--oscillation-amount":"32px"}})]}),(0,a.jsxs)(c,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(d,{style:{animationPlayState:s?"running":"paused","--oscillation-amount":"64px"}})]}),(0,a.jsx)(b,{isToggled:s,onClick:()=>n(!s),children:"Play animation"})]})})};e(53812)},32157:s=>{s.exports={bfcbb0d:"bfcbb0d",p1j1lk84:"p1j1lk84",sj1pvsb:"sj1pvsb",g1d1nm9x:"g1d1nm9x",b1s05r4i:"b1s05r4i"}},53812:s=>{s.exports={w15d73cm:"w15d73cm",b4genuf:"b4genuf",b56px31:"b56px31",b1gw4f1b:"b1gw4f1b","oscillate-b1gw4f1b":"oscillate-b1gw4f1b",b1hsu63a:"b1hsu63a"}}}]);
//# sourceMappingURL=30603.376bc3e5de41b3c7.js.map