(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78537],{23813:(s,e,r)=>{"use strict";r.d(e,{A:()=>o});var t=r(87687);r(52751);var n=r(45830);let o=function(s){let{children:e,...r}=s;return(0,n.A)()?(0,t.jsx)("div",{...r,children:e}):null}},78537:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>v});var t=r(87687),n=r(52751),o=r(31928),i=r(23813);let a=(0,o.I)("div")({name:"Wrapper",class:"w16uf8q0",propsAsIs:!1}),c=(0,o.I)("div")({name:"Column",class:"c1p4uem9",propsAsIs:!1}),l=(0,o.I)(c)({name:"SideColumn",class:"s1l8v2hm",propsAsIs:!0}),d=(0,o.I)(c)({name:"MainColumn",class:"m1kmxfb8",propsAsIs:!0}),p=(0,o.I)("div")({name:"Text",class:"tehf1ni",propsAsIs:!1});r(1342);let h=(0,o.I)(p)({name:"AbsoluteText",class:"a1tthx1d",propsAsIs:!0}),u=(0,o.I)("div")({name:"OuterWrapper",class:"o1fr03c9",propsAsIs:!1}),m=(0,o.I)("div")({name:"Row",class:"r1u6zto0",propsAsIs:!1}),x=(0,o.I)("div")({name:"ResizeIndicator",class:"rzvodir",propsAsIs:!1}),f=(0,o.I)("span")({name:"ResizeText",class:"rxjocqb",propsAsIs:!1}),I=(0,o.I)("img")({name:"Arrow",class:"a1d79bk9",propsAsIs:!1}),v=function(s){let{}=s,[e,r]=n.useState(!0),[o,c]=n.useState("desktop"),v=n.useRef();return n.useEffect(()=>{try{let s=new ResizeObserver(s=>{for(let e of s)"desktop"===o&&e.contentRect.width<212?c("mobile"):"mobile"===o&&e.contentRect.width>212&&c("desktop")});return s.observe(v.current),()=>s.disconnect()}catch(s){}},[o]),(0,t.jsxs)(u,{onMouseDown:()=>r(!1),children:[(0,t.jsx)(a,{ref:v,style:{minWidth:120},children:(0,t.jsxs)(m,{children:[(0,t.jsx)(l,{style:{height:250},children:(0,t.jsx)(h,{children:"1fr"})}),(0,t.jsx)(d,{style:{height:250},children:(0,t.jsx)(p,{children:"desktop"===o?"42rem":"100%"})}),(0,t.jsx)(l,{style:{height:250},children:(0,t.jsx)(h,{children:"1fr"})})]})}),e&&(0,t.jsx)(i.A,{children:(0,t.jsxs)(x,{children:[(0,t.jsx)(f,{children:"Drag to resize"}),(0,t.jsx)(I,{alt:"",src:"/images/up-arrow.png"})]})})]})};r(74742)},74742:s=>{s.exports={a1tthx1d:"a1tthx1d",tehf1ni:"tehf1ni",o1fr03c9:"o1fr03c9",r1u6zto0:"r1u6zto0",rzvodir:"rzvodir","fadeToSemiOpaque-rzvodir":"fadeToSemiOpaque-rzvodir",rxjocqb:"rxjocqb",a1d79bk9:"a1d79bk9"}}}]); //# sourceMappingURL=78537.20fd4a9d8e7ba196.js.map