(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85669],{79298:(s,o,n)=>{"use strict";n.d(o,{A:()=>r});let r=(0,n(31928).I)("code")({name:"InlineCode",class:"i165vvr1",propsAsIs:!1});n(87585)},90238:(s,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>d});var r=n(87687),e=n(31928),t=n(20120),a=n(79298);let i=(0,e.I)("div")({name:"Wrapper",class:"winuq6o",propsAsIs:!1}),l=(0,e.I)("div")({name:"HalfImage",class:"hlytywl",propsAsIs:!1}),c=(0,e.I)(a.A)({name:"Code",class:"c11ymv1",propsAsIs:!0}),d=function(){return(0,r.jsx)(t.Ay,{id:"transform-rotate",initialValues:{offset:0},controlPosition:"top",controlStyles:{gridTemplateColumns:"min(450px, 100%)",justifyContent:"center"},controls:[(0,r.jsx)(t.oP,{id:"offset",label:"Offset",min:0,max:100},"offset")],children:s=>{let{offset:o}=s;return window.innerWidth,(0,r.jsxs)(i,{children:[(0,r.jsx)(l,{style:{backgroundImage:"url(/images/folding-the-dom/francois-hoang-china.jpg)",backgroundSize:"cover",borderRadius:o<100?"0 0 0 0":"10px 10px 0 0",transition:"border-radius 400ms"}}),(0,r.jsx)(l,{style:{backgroundImage:"url(/images/folding-the-dom/francois-hoang-china.jpg)",backgroundSize:"cover",backgroundPosition:"0 ".concat(o,"%"),borderRadius:o<100?"0 0 0 0":"0 0 10px 10px",transform:"translateY(".concat(o<100?5:0,"px)"),transition:"transform 250ms, border-radius 400ms"}}),(0,r.jsxs)(c,{children:["background-position: '0 ",Math.round(o),"%'"]})]})}})};n(36388)},36388:s=>{s.exports={winuq6o:"winuq6o",hlytywl:"hlytywl",c11ymv1:"c11ymv1"}}}]);
//# sourceMappingURL=85669.d1df14e27c68c57c.js.map