(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5961],{5961:(s,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>u});var a=n(87687),t=n(31928),p=n(68852),c=n(20120);let r=(0,t.I)("div")({name:"Wrapper",class:"w1hwhxq",propsAsIs:!1}),o=(0,t.I)("button")({name:"ButtonWrapper",class:"bsfo1b8",propsAsIs:!1}),l=(0,t.I)("span")({name:"ShadowWrapper",class:"s1ul1ki2",propsAsIs:!1}),i=(0,t.I)("span")({name:"Shadow",class:"s1wygi2w",propsAsIs:!1}),d=(0,t.I)("div")({name:"Backdrop",class:"bdcwyuf",propsAsIs:!1}),h=(0,t.I)("span")({name:"FaceWrapper",class:"fph9cfh",propsAsIs:!1}),x=(0,t.I)("span")({name:"ButtonFace",class:"b1deqtb8",propsAsIs:!1}),u=function(){return(0,a.jsx)(c.Ay,{id:"button-layers",initialValues:{expose:0},customGrid:{gridTemplateColumns:"min(400px, 100%)",justifyContent:"center"},controls:[(0,a.jsx)(c.oP,{id:"expose",label:"Reveal",min:0,max:100},"expose")],children:s=>{let{expose:e}=s,n=(0,p.S8)(e,0,100,0,-45),t=(0,p.S8)(e,0,100,1,.75),c=(s,n)=>(0,p.S8)(e,0,100,s,n);return(0,a.jsx)(r,{children:(0,a.jsxs)(o,{style:{transform:"rotateY(".concat(n,"deg)")},children:[(0,a.jsx)(l,{style:{transform:"translate3D(\n                    ".concat(c(0,20),"px,\n                    ").concat(c(0,3),"px,\n                    ").concat(c(0,-15),"px\n                  )")},children:(0,a.jsx)(i,{})}),(0,a.jsx)(d,{}),(0,a.jsx)(h,{style:{transform:"translate3D(\n                    ".concat(c(0,-20),"px,\n                    ").concat(c(0,-3),"px,\n                    ").concat(c(0,20),"px\n                  )"),"--opacity":t},children:(0,a.jsx)(x,{children:"Push Me"})})]})})}})};n(23719)},23719:s=>{s.exports={w1hwhxq:"w1hwhxq",bsfo1b8:"bsfo1b8",s1ul1ki2:"s1ul1ki2",s1wygi2w:"s1wygi2w",bdcwyuf:"bdcwyuf",fph9cfh:"fph9cfh",b1deqtb8:"b1deqtb8"}}}]);
//# sourceMappingURL=5961.8634321cfccea313.js.map