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