(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3406,18347,28129,54040,63138,63802],{83234:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});let n=(0,s(47999).A)("CircleHelp",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]])},72218:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});let n=(0,s(47999).A)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},54040:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>i});var n=s(29549),r=s(68793);let i=e=>{let{rotation:t=0,timing:s=150,children:i}=e,[o,l]=r.useState(!1);r.useEffect(()=>{if(!o)return;let e=window.setTimeout(()=>{l(!1)},s);return()=>{window.clearTimeout(e)}},[o,s]);let a=()=>{l(!0)};return(0,n.jsx)("span",{onMouseEnter:a,onClick:a,style:{display:"inline-block",backfaceVisibility:"hidden",transform:o?"rotate(".concat(t,"deg)"):"rotate(0deg)",transition:"transform ".concat(s,"ms")},children:i})}},18347:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>o});var n=s(29549),r=s(68793),i=s(2521);let o=e=>{let{rotation:t=0,timing:s=150,children:o}=e,[l,a]=r.useState(!1),c=(0,i.zh)({transform:l?"rotate(".concat(t,"deg)"):"rotate(0deg)"});r.useEffect(()=>{if(!l)return;let e=window.setTimeout(()=>{a(!1)},s);return()=>{window.clearTimeout(e)}},[l,s]);let d=()=>{a(!0)};return(0,n.jsx)(i.CS.span,{onMouseEnter:d,onClick:d,style:{...c,display:"inline-block",backfaceVisibility:"hidden"},children:o})}},3406:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>o});var n=s(29549),r=s(68793),i=s(2521);let o=e=>{let{rotation:t=0,timing:s=150,children:o}=e,[l,a]=r.useState(!1),c=(0,i.zh)({transform:l?"rotate(".concat(t,"deg)"):"rotate(0deg)",config:{tension:300,friction:10}});return r.useEffect(()=>{if(!l)return;let e=window.setTimeout(()=>{a(!1)},s);return()=>{window.clearTimeout(e)}},[l,s]),(0,n.jsx)(i.CS.span,{onMouseEnter:()=>{a(!0)},style:{...c,display:"inline-block",backfaceVisibility:"hidden"},children:o})}},28129:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>o});var n=s(29549),r=s(68793),i=s(2521);let o=function(e){let{rotation:t=0,scale:s=1,x:o=0,y:l=0,timing:a=150,children:c}=e,[d,u]=r.useState(!1),f=(0,i.zh)({transform:d?"translate(".concat(o,"px, ").concat(l,"px)\n rotate(").concat(t,"deg)\n scale(").concat(s,")"):"translate(0px, 0px)\n rotate(0deg)\n scale(1)",config:{tension:300,friction:10}});r.useEffect(()=>{if(!d)return;let e=window.setTimeout(()=>{u(!1)},a);return()=>{window.clearTimeout(e)}},[d,a]);let p=()=>{u(!0)};return(0,n.jsx)(i.CS.span,{onMouseEnter:p,onClick:p,style:{...f,display:"inline-block",backfaceVisibility:"hidden"},children:c})}},63138:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>b});var n=s(29549);s(68793);var r=s(24299),i=s(2521),o=s(83234),l=s(72218),a=s(75332),c=s(20903),d=s(45404),u=s(63802),f=s(54040),p=s(18347),x=s(3406),h=s(28129);let y={PreBoop:u.default,BoopV1:f.default,BoopV2:p.default,BoopV3:x.default,BoopV4:h.default},k=(0,r.I)("div")({name:"Row",class:"r19uj99",propsAsIs:!1}),j=(0,r.I)(i.CS.button)({name:"Button",class:"b1xoy3x3",propsAsIs:!0}),b=function(e){let{boop:t,transforms:s=[{rotation:35},{rotation:20}]}=e,[r,i]=(0,a.A)(s[0]),[u,f]=(0,a.A)(s[1]);if(t){let e=y[t];return(0,n.jsxs)(k,{children:[(0,n.jsx)(e,{...s[0],children:(0,n.jsxs)(j,{children:[(0,n.jsx)(o.A,{size:48}),(0,n.jsx)(d.A,{children:"Help icon (Question mark in a circle)"})]})}),(0,n.jsx)(c.A,{size:32}),(0,n.jsx)(e,{...s[1],children:(0,n.jsxs)(j,{children:[(0,n.jsx)(l.A,{size:48}),(0,n.jsx)(d.A,{children:"Close icon (X symbol)"})]})})]})}return(0,n.jsxs)(k,{children:[(0,n.jsxs)(j,{style:r,onClick:i,onMouseEnter:i,children:[(0,n.jsx)(o.A,{size:48}),(0,n.jsx)(d.A,{children:"Help icon (Question mark in a circle)"})]}),(0,n.jsx)(c.A,{size:32}),(0,n.jsxs)(j,{style:u,onClick:f,onMouseEnter:f,children:[(0,n.jsx)(l.A,{size:48}),(0,n.jsx)(d.A,{children:"Close icon (X symbol)"})]})]})};s(22220)},63802:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>o});var n=s(29549),r=s(68793);let i=(0,s(24299).I)("span")({name:"Wrapper",class:"w70045b",propsAsIs:!1}),o=e=>{let{children:t}=e,[s,o]=r.useState(!1);return(0,n.jsx)(i,{onClick:e=>{("string"!=typeof e.key||"Enter"===e.key)&&o(e=>!e)},style:{transform:s?"rotate(20deg)":""},children:t})};s(50804)},22220:e=>{e.exports={r19uj99:"r19uj99",b1xoy3x3:"b1xoy3x3"}},50804:e=>{e.exports={w70045b:"w70045b"}}}]); //# sourceMappingURL=63138.4a19c1b4fb4f7a5e.js.map