(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9843],{9843:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>i});var a=r(67841),n=r(64833),p=r(74631),t=r(55158);let c=(0,n.z)("div")({name:"Wrapper",class:"w15qp716",propsAsIs:!1}),l=(0,n.z)("button")({name:"ButtonWrapper",class:"b15h4c5e",propsAsIs:!1}),o=(0,n.z)("div")({name:"Backdrop",class:"b4r45jr",propsAsIs:!1}),b=(0,n.z)("span")({name:"FaceWrapper",class:"f1bush92",propsAsIs:!1}),u=(0,n.z)("span")({name:"ButtonFace",class:"b1ks89yj",propsAsIs:!1}),i=function(){return(0,a.jsx)(t.ZP,{id:"button-layers",initialValues:{expose:0},controls:[(0,a.jsx)(t.vn,{id:"expose",label:"Reveal",min:0,max:100},"expose")],children:s=>{let{expose:e}=s,r=(0,p.Fv)(e,0,100,0,-45);(0,p.Fv)(e,0,100,0,60),(0,p.Fv)(e,0,100,0,-30);let n=(0,p.Fv)(e,0,100,1,.75),t=(s,r)=>(0,p.Fv)(e,0,100,s,r);return(0,a.jsx)(c,{children:(0,a.jsxs)(l,{style:{transform:"rotateY(".concat(r,"deg)")},children:[(0,a.jsx)(o,{}),(0,a.jsx)(b,{style:{transform:"translate3D(\n                    ".concat(t(0,-20),"px,\n                    0,\n                    ").concat(t(0,20),"px\n                  )"),"--opacity":n},children:(0,a.jsx)(u,{children:"Push Me"})})]})})}})};r(62165)},62165:s=>{s.exports={w15qp716:"w15qp716",b15h4c5e:"b15h4c5e",b4r45jr:"b4r45jr",f1bush92:"f1bush92",b1ks89yj:"b1ks89yj"}}}]);
//# sourceMappingURL=9843.b21b8c5166cf09a1.js.map