(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16675],{16675:(s,a,e)=>{"use strict";e.r(a),e.d(a,{default:()=>b});var n=e(67841),p=e(64833),c=e(74631),t=e(55158);let r=(0,p.z)("div")({name:"Wrapper",class:"w1hwhxq",propsAsIs:!1}),o=(0,p.z)("button")({name:"ButtonWrapper",class:"bsfo1b8",propsAsIs:!1}),l=(0,p.z)("span")({name:"ShadowWrapper",class:"s1ul1ki2",propsAsIs:!1}),h=(0,p.z)("span")({name:"Shadow",class:"s1wygi2w",propsAsIs:!1}),i=(0,p.z)("div")({name:"Backdrop",class:"bdcwyuf",propsAsIs:!1}),x=(0,p.z)("span")({name:"FaceWrapper",class:"fph9cfh",propsAsIs:!1}),d=(0,p.z)("span")({name:"ButtonFace",class:"b1deqtb8",propsAsIs:!1}),b=function(){return(0,n.jsx)(t.ZP,{id:"button-layers",initialValues:{expose:0},controls:[(0,n.jsx)(t.vn,{id:"expose",label:"Reveal",min:0,max:100},"expose")],children:s=>{let{expose:a}=s,e=(0,c.Fv)(a,0,100,0,-45),p=(0,c.Fv)(a,0,100,1,.75),t=(s,e)=>(0,c.Fv)(a,0,100,s,e);return(0,n.jsx)(r,{children:(0,n.jsxs)(o,{style:{transform:"rotateY(".concat(e,"deg)")},children:[(0,n.jsx)(l,{style:{transform:"translate3D(\n                    ".concat(t(0,20),"px,\n                    ").concat(t(0,3),"px,\n                    ").concat(t(0,-15),"px\n                  )")},children:(0,n.jsx)(h,{})}),(0,n.jsx)(i,{}),(0,n.jsx)(x,{style:{transform:"translate3D(\n                    ".concat(t(0,-20),"px,\n                    ").concat(t(0,-3),"px,\n                    ").concat(t(0,20),"px\n                  )"),"--opacity":p},children:(0,n.jsx)(d,{children:"Push Me"})})]})})}})};e(9384)},9384:s=>{s.exports={w1hwhxq:"w1hwhxq",bsfo1b8:"bsfo1b8",s1ul1ki2:"s1ul1ki2",s1wygi2w:"s1wygi2w",bdcwyuf:"bdcwyuf",fph9cfh:"fph9cfh",b1deqtb8:"b1deqtb8"}}}]);
//# sourceMappingURL=16675.a6f0839aeca37e35.js.map