(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63794],{79298:(e,t,s)=>{"use strict";s.d(t,{A:()=>l});let l=(0,s(31928).I)("code")({name:"InlineCode",class:"i165vvr1",propsAsIs:!1});s(87585)},9006:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var l=s(87687),n=s(52751),r=s(31928),i=s(19901),a=s(44386);let o=(0,r.I)("label")({name:"Wrapper",class:"wfao701",propsAsIs:!1}),c=function(e){let{active:t,handleToggle:s,children:r,...c}=e,d=n.useId();return(0,l.jsxs)(o,{htmlFor:d,...c,children:[(0,l.jsx)(a.A,{id:d,active:t,handleToggle:s,handleFocusColor:null,handleColor:t?"var(--color-text)":"var(--color-gray-400)"}),(0,l.jsx)(i.A,{size:16}),r]})};s(41133)},52673:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});var l=s(87687);s(52751);let n=(0,s(31928).I)("div")({name:"Wrapper",class:"w3wk0ms",propsAsIs:!1}),r=e=>{let{children:t,enabled:s,defaultRotation:r=30,style:i={},...a}=e;return(0,l.jsx)(n,{"data-enable-animation":s,style:{"--initial-rotation":"".concat(r,"deg"),transform:"rotateX(".concat(r,"deg)"),...i},...a,children:t})};s(20157)},41391:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>c});var l=s(87687),n=s(52751),r=s(20120),i=s(9006),a=s(79298),o=s(52673);let c=function(){let[e,t]=n.useState(!1);return(0,l.jsx)(r.Ay,{id:"perspective",initialValues:{perspective:500},controlPosition:"top",controlStyles:{gridTemplateColumns:"min(450px, 100%)",justifyContent:"center"},controls:[(0,l.jsx)(r.oP,{id:"perspective",label:"Perspective",min:50,max:2e3},"perspective")],renderAltControls:()=>(0,l.jsx)(i.A,{active:e,handleToggle:()=>t(!e),style:{width:"max-content",marginInline:"auto"},children:"Enable Rotation"}),children:t=>{let{perspective:s}=t;return(0,l.jsxs)("div",{style:{perspective:s+"px"},children:[(0,l.jsx)("div",{style:{paddingBottom:32,textAlign:"center"},children:(0,l.jsxs)(a.A,{style:{position:"relative",zIndex:2,fontSize:"1.3125rem",mixBlendMode:"revert"},children:["perspective: ",Math.round(s),"px"]})}),(0,l.jsx)(o.A,{enabled:e,children:(0,l.jsx)("img",{width:"100%",src:"/images/folding-the-dom/cats.jpg",alt:"cats in a basket",style:{maxWidth:400}})})]})}})}},41133:e=>{e.exports={wfao701:"wfao701"}},20157:e=>{e.exports={w3wk0ms:"w3wk0ms","fullRotation-w3wk0ms":"fullRotation-w3wk0ms"}}}]);
//# sourceMappingURL=63794.1fd18c3fc3a5be1c.js.map