(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41391],{79298:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});let r=(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 r=s(87687),l=s(52751),n=s(31928),i=s(19901),a=s(44386);let o=(0,n.I)("label")({name:"Wrapper",class:"wfao701",propsAsIs:!1}),c=function(e){let{active:t,handleToggle:s,children:n,...c}=e,d=l.useId();return(0,r.jsxs)(o,{htmlFor:d,...c,children:[(0,r.jsx)(a.A,{id:d,active:t,handleToggle:s,handleFocusColor:null,handleColor:t?"var(--color-text)":"var(--color-gray-400)"}),(0,r.jsx)(i.A,{size:16}),n]})};s(41133)},52673:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var r=s(87687);s(52751);let l=(0,s(31928).I)("div")({name:"Wrapper",class:"w3wk0ms",propsAsIs:!1}),n=e=>{let{children:t,enabled:s,defaultRotation:n=30,style:i={},...a}=e;return(0,r.jsx)(l,{"data-enable-animation":s,style:{"--initial-rotation":"".concat(n,"deg"),transform:"rotateX(".concat(n,"deg)"),...i},...a,children:t})};s(20157)},41391:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>c});var r=s(87687),l=s(52751),n=s(20120),i=s(9006),a=s(79298),o=s(52673);let c=function(){let[e,t]=l.useState(!1);return(0,r.jsx)(n.Ay,{id:"perspective",initialValues:{perspective:500},controlPosition:"top",customGrid:{gridTemplateColumns:"min(450px, 100%)",justifyContent:"center"},controls:[(0,r.jsx)(n.oP,{id:"perspective",label:"Perspective",min:50,max:2e3},"perspective")],renderAltControls:()=>(0,r.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,r.jsxs)("div",{style:{perspective:s+"px"},children:[(0,r.jsx)("div",{style:{paddingBottom:32,textAlign:"center"},children:(0,r.jsxs)(a.A,{style:{position:"relative",zIndex:2,fontSize:"1.3125rem",mixBlendMode:"revert"},children:["perspective: ",Math.round(s),"px"]})}),(0,r.jsx)(o.A,{enabled:e,children:(0,r.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=41391.477caa620f79c34a.js.map