(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61359],{89223:(s,e,a)=>{"use strict";a.d(e,{A:()=>m});var r=a(95751),n=a(88655),t=a(70785),l=a(10779),o=a(32692);let c=n.forwardRef(function(s,e){let{Icon:a,iconSide:n="left",iconProps:t={},backgroundColor:l,highlightColor:c,boopEffect:m={rotation:10},children:A,style:x={},discouraged:f=!1,href:h,textAlign:j="center",...w}=s,[v,y]=(0,o.A)(m);return(0,r.jsxs)(i,{ref:e,onMouseEnter:()=>{y()},style:{"--pb-background-color":l,"--pb-highlight-color":c,...x},"data-discouraged":f,href:h,as:"string"==typeof h?"a":"button",...w,children:[a&&(0,r.jsx)(b,{style:{order:"left"===n?1:3},children:(0,r.jsx)(u,{children:(0,r.jsx)(d,{style:v,children:(0,r.jsx)(a,{size:20,...t})})})}),A&&(0,r.jsx)(I,{style:{order:2},children:A}),"true-center"===j&&(0,r.jsx)(p,{style:{order:"left"===n?3:1}})]})}),i=(0,t.I)("button")({name:"Wrapper",class:"w19mrn5v",propsAsIs:!1}),p=(0,t.I)("span")({name:"Col",class:"c1rpf4ut",propsAsIs:!1}),b=(0,t.I)(p)({name:"IconCol",class:"iwv8n0j",propsAsIs:!0}),u=(0,t.I)("span")({name:"IconBox",class:"i1qpbbb9",propsAsIs:!1}),d=(0,t.I)(l.CS.span)({name:"IconWrapper",class:"i1m1cbkp",propsAsIs:!0}),I=(0,t.I)("span")({name:"ChildWrapper",class:"c7sw782",propsAsIs:!1}),m=c;a(82467)},89754:(s,e,a)=>{"use strict";a.d(e,{A:()=>t});var r=a(70785),n=a(89223);let t=(0,r.I)(n.A)({name:"ButtonPrimary",class:"bcww6zb",propsAsIs:!0});a(62160)},64650:(s,e,a)=>{"use strict";a.d(e,{A:()=>t});var r=a(70785),n=a(88630);let t=(0,r.I)(n.uS)({name:"Space",class:"s1hfctpl",propsAsIs:!0});a(76115)},87532:(s,e,a)=>{"use strict";a.d(e,{Ay:()=>b,K1:()=>t});var r=a(95751),n=a(70785);let t=228,l=(0,n.I)("div")({name:"BlockWrapper",class:"bba74ff",propsAsIs:!1}),o=(0,n.I)("div")({name:"BackgroundLayer",class:"by3bjmz",propsAsIs:!1}),c=(0,n.I)("div")({name:"Block",class:"b7i16se",propsAsIs:!1}),i=(0,n.I)("div")({name:"Track",class:"tx8tqis",propsAsIs:!1}),p=(0,n.I)(c)({name:"GhostBlock",class:"g5ze39b",propsAsIs:!0}),b=function(s){let{style:e,blockAs:a="div",...n}=s;return(0,r.jsxs)(l,{...n,children:[(0,r.jsxs)(o,{children:[(0,r.jsx)(p,{}),(0,r.jsx)(i,{}),(0,r.jsx)(p,{})]}),(0,r.jsx)(c,{as:a,style:e})]})};a(74490)},61359:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>x});var r=a(95751),n=a(88655),t=a(70785),l=a(63832),o=a(64650),c=a(89754),i=a(87532);let p={"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}},b=(0,t.I)(o.A)({name:"Wrapper",class:"w7yyhgd",propsAsIs:!0}),u=(0,t.I)("div")({name:"Rows",class:"rm59y8b",propsAsIs:!1}),d=(0,t.I)("div")({name:"Row",class:"r128rae4",propsAsIs:!1}),I=(0,t.I)("p")({name:"Label",class:"l2nwsbz",propsAsIs:!1}),m=(0,t.I)("div")({name:"Actions",class:"a1im0ipx",propsAsIs:!1}),A=(0,t.I)(c.A)({name:"ActionButton",class:"alb7016",propsAsIs:!0}),x=function(s){let{functions:e}=s,[a,t]=n.useState("left");return(0,r.jsxs)(b,{children:[(0,r.jsx)(u,{children:e.map(s=>{let{label:e,value:n,duration:t=800}=p[s];return(0,r.jsxs)(d,{children:[(0,r.jsx)(I,{children:e}),(0,r.jsx)(i.Ay,{style:{transform:"translateX(".concat("left"===a?0:i.K1,"px)"),transition:"transform ".concat(t,"ms ").concat(n)}})]},s)})}),(0,r.jsx)(m,{children:(0,r.jsx)(A,{Icon:l.A,onClick:()=>t("left"===a?"right":"left"),children:"Run Animation"})})]})};a(57555)},82467:s=>{s.exports={w19mrn5v:"w19mrn5v",c1rpf4ut:"c1rpf4ut",iwv8n0j:"iwv8n0j",i1qpbbb9:"i1qpbbb9",i1m1cbkp:"i1m1cbkp",c7sw782:"c7sw782"}},62160:s=>{s.exports={bcww6zb:"bcww6zb",d16kq653:"d16kq653"}},74490:s=>{s.exports={bba74ff:"bba74ff",by3bjmz:"by3bjmz",b7i16se:"b7i16se",tx8tqis:"tx8tqis",g5ze39b:"g5ze39b"}},57555:s=>{s.exports={w7yyhgd:"w7yyhgd",rm59y8b:"rm59y8b",r128rae4:"r128rae4",l2nwsbz:"l2nwsbz",a1im0ipx:"a1im0ipx",alb7016:"alb7016"}}}]);
//# sourceMappingURL=61359.062752a7571b9da3.js.map