(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46707],{24616:(s,e,a)=>{"use strict";a.d(e,{Ay:()=>p,K1:()=>r});var l=a(87687),n=a(31928);let r=228,t=(0,n.I)("div")({name:"BlockWrapper",class:"bba74ff",propsAsIs:!1}),i=(0,n.I)("div")({name:"BackgroundLayer",class:"by3bjmz",propsAsIs:!1}),o=(0,n.I)("div")({name:"Block",class:"b7i16se",propsAsIs:!1}),c=(0,n.I)("div")({name:"Track",class:"tx8tqis",propsAsIs:!1}),b=(0,n.I)(o)({name:"GhostBlock",class:"g5ze39b",propsAsIs:!0}),p=function(s){let{style:e,blockAs:a="div",...n}=s;return(0,l.jsxs)(t,{...n,children:[(0,l.jsxs)(i,{children:[(0,l.jsx)(b,{}),(0,l.jsx)(c,{}),(0,l.jsx)(b,{})]}),(0,l.jsx)(o,{as:a,style:e})]})};a(16782)},46707:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>A});var l=a(87687),n=a(52751),r=a(31928),t=a(53740),i=a(64075),o=a(42558),c=a(24616);let b={"ease-in":{label:"ease-in",value:"ease-in",duration:800},"ease-out":{label:"ease-out",value:"ease-out",duration:800},"ease-in-out":{label:"ease-in-out",value:"ease-in-out",duration:800},ease:{label:"ease",value:"ease",duration:800},spring:{label:"spring",value:"linear(0, 0.001 0.2%, 0.009 0.5%, 0.022 0.8%, 0.04 1.1%, 0.091 1.7%, 0.172 2.4%, 0.347 3.6%, 0.876 6.8%, 1.003 7.7%, 1.111 8.6%, 1.197 9.5%, 1.253 10.3%, 1.275 10.7%, 1.295 11.2%, 1.307 11.6%, 1.315 12.1%, 1.317 12.4%, 1.317 12.7%, 1.315 13%, 1.31 13.4%, 1.293 14.1%, 1.269 14.8%, 1.21 16.1%, 1.037 19.4%, 0.993 20.4%, 0.96 21.3%, 0.936 22.1%, 0.919 22.9%, 0.907 23.7%, 0.9 24.6%, 0.899 25.2%, 0.901 25.9%, 0.906 26.6%, 0.914 27.3%, 0.932 28.6%, 0.989 32%, 1.012 33.8%, 1.025 35.4%, 1.032 37.1%, 1.032 38.2%, 1.029 39.4%, 0.998 45.8%, 0.992 47.7%, 0.99 49.6%, 0.991 52%, 1.001 58.3%, 1.003 62%, 0.999 74.2%, 1)",duration:1600},bounce:{label:"bounce",value:"linear(0, 0.151 8.1%, 0.223 11.7%, 0.304 15.2%, 0.392 18.4%, 0.497 21.6%, 0.619 24.8%, 0.752 27.9%, 0.999 33.3%, 0.842 37.1%, 0.79 38.6%, 0.748 40%, 0.714 41.4%, 0.691 42.7%, 0.677 44%, 0.673 44.7%, 0.672 45.3%, 0.676 46.5%, 0.69 47.8%, 0.712 49.1%, 0.743 50.4%, 0.824 53%, 0.999 57.7%, 0.927 60%, 0.883 61.8%, 0.867 62.7%, 0.856 63.6%, 0.85 64.4%, 0.848 65.3%, 0.849 66.1%, 0.855 67%, 0.865 67.9%, 0.879 68.8%, 0.911 70.5%, 0.999 74.5%, 0.97 76.2%, 0.953 77.5%, 0.943 78.8%, 0.94 80.2%, 0.942 81.4%, 0.95 82.7%, 0.989 86.9%, 1 88.2%, 0.99 90%, 0.987 91.9%, 0.989 93.5%, 0.998 97.5%, 1)",duration:1200}},p=(0,r.I)(i.A)({name:"Wrapper",class:"w7yyhgd",propsAsIs:!0}),u=(0,r.I)("div")({name:"Rows",class:"rm59y8b",propsAsIs:!1}),d=(0,r.I)("div")({name:"Row",class:"r128rae4",propsAsIs:!1}),m=(0,r.I)("p")({name:"Label",class:"l2nwsbz",propsAsIs:!1}),I=(0,r.I)("div")({name:"Actions",class:"a1im0ipx",propsAsIs:!1}),x=(0,r.I)(o.A)({name:"ActionButton",class:"alb7016",propsAsIs:!0}),A=function(s){let{functions:e}=s,[a,r]=n.useState("left");return(0,l.jsxs)(p,{children:[(0,l.jsx)(u,{children:e.map(s=>{let{label:e,value:n,duration:r=800}=b[s];return(0,l.jsxs)(d,{children:[(0,l.jsx)(m,{children:e}),(0,l.jsx)(c.Ay,{style:{transform:"translateX(".concat("left"===a?0:c.K1,"px)"),transition:"transform ".concat(r,"ms ").concat(n)}})]},s)})}),(0,l.jsx)(I,{children:(0,l.jsx)(x,{Icon:t.A,onClick:()=>r("left"===a?"right":"left"),children:"Run Animation"})})]})};a(93567)},16782:s=>{s.exports={bba74ff:"bba74ff",by3bjmz:"by3bjmz",b7i16se:"b7i16se",tx8tqis:"tx8tqis",g5ze39b:"g5ze39b"}},93567:s=>{s.exports={w7yyhgd:"w7yyhgd",rm59y8b:"rm59y8b",r128rae4:"r128rae4",l2nwsbz:"l2nwsbz",a1im0ipx:"a1im0ipx",alb7016:"alb7016"}}}]);
//# sourceMappingURL=46707.96a7f25f29817783.js.map