(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76754],{76754:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>g});var n=a(87687),p=a(52751),t=a(31928),c=a(38356);let r=c.T["ease-in-mega"],o=c.T["ease-out-mega"],l="cubic-bezier(\n  ".concat(r.p1[0],", ").concat(r.p1[1],",\n  ").concat(r.p2[0],", ").concat(r.p2[1],"\n)"),i="cubic-bezier(\n  ".concat(o.p1[0],", ").concat(o.p1[1],",\n  ").concat(o.p2[0],", ").concat(o.p2[1],"\n)"),u=(0,t.I)("div")({name:"Wrapper",class:"w1y6gb3a",propsAsIs:!1}),b=(0,t.I)("div")({name:"Box",class:"b1yrydy7",propsAsIs:!1}),d=(0,t.I)("button")({name:"Button",class:"b2yk6ki",propsAsIs:!1}),h=(0,t.I)("span")({name:"Backdrop",class:"b15azh7j",propsAsIs:!1}),y=(0,t.I)("span")({name:"Contents",class:"chnwx4l",propsAsIs:!1}),g=function(e){let{}=e,[s,a]=p.useState(!1);return(0,n.jsxs)(u,{children:[(0,n.jsx)(b,{style:{transform:"translateY(".concat(s?0:-83,"px)"),transition:"transform ".concat(s?500:250,"ms ").concat(s?i:l)}}),(0,n.jsxs)(d,{onClick:()=>a(!s),children:[(0,n.jsx)(h,{}),(0,n.jsx)(y,{children:"Trigger"})]})]})};a(97400)},38356:(e,s,a)=>{"use strict";a.d(s,{T:()=>n});let n={linear:{p1:[.5,.5],p2:[.5,.5]},ease:{p1:[.25,.1],p2:[.25,1]},"ease-in":{p1:[.42,0],p2:[1,1]},"ease-out":{p1:[0,0],p2:[.58,1]},"ease-in-out":{p1:[.42,0],p2:[.58,1]},"ease-mega":{label:"ease (supercharged)",p1:[.44,.21],p2:[0,1]},"ease-in-mega":{label:"ease-in (supercharged)",p1:[.75,0],p2:[1,1]},"ease-out-mega":{label:"ease-out (supercharged)",p1:[.215,.61],p2:[.355,1]},"ease-in-out-mega":{label:"ease-in-out (supercharged)",p1:[.645,.045],p2:[.355,1]},overshot:{label:"overshot",p1:[.325,0],p2:[.7,1.25]},"3d-button-equilibrium":{label:"3D Button, equilibrium",p1:[.3,.7],p2:[.4,1],secret:!0},"3d-button-springy":{label:"3D button, springy",p1:[.3,.7],p2:[.4,1.25],secret:!0}}},97400:e=>{e.exports={w1y6gb3a:"w1y6gb3a",b1yrydy7:"b1yrydy7",b2yk6ki:"b2yk6ki",b15azh7j:"b15azh7j",chnwx4l:"chnwx4l"}}}]);
//# sourceMappingURL=76754.db51054cb96a80c3.js.map