(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11487],{56263:(s,e,r)=>{"use strict";r.d(e,{Z:()=>o});var t=r(67841);r(79477);var n=r(81431);let o=function(s){let{children:e,...r}=s;return(0,n.Z)()?(0,t.jsx)("div",{...r,children:e}):null}},11487:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>v});var t=r(67841),n=r(79477),o=r(64833),i=r(56263);let a=(0,o.z)("div")({name:"Wrapper",class:"w16uf8q0",propsAsIs:!1}),c=(0,o.z)("div")({name:"Column",class:"c1p4uem9",propsAsIs:!1}),l=(0,o.z)(c)({name:"SideColumn",class:"s1l8v2hm",propsAsIs:!0}),d=(0,o.z)(c)({name:"MainColumn",class:"m1kmxfb8",propsAsIs:!0}),p=(0,o.z)("div")({name:"Text",class:"tehf1ni",propsAsIs:!1});r(65514);let h=(0,o.z)(p)({name:"AbsoluteText",class:"a1tthx1d",propsAsIs:!0}),u=(0,o.z)("div")({name:"OuterWrapper",class:"o1fr03c9",propsAsIs:!1}),m=(0,o.z)("div")({name:"Row",class:"r1u6zto0",propsAsIs:!1}),x=(0,o.z)("div")({name:"ResizeIndicator",class:"rzvodir",propsAsIs:!1}),f=(0,o.z)("span")({name:"ResizeText",class:"rxjocqb",propsAsIs:!1}),z=(0,o.z)("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<210?c("mobile"):"mobile"===o&&e.contentRect.width>210&&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?"65ch":"100%"})}),(0,t.jsx)(l,{style:{height:250},children:(0,t.jsx)(h,{children:"1fr"})})]})}),e&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)(x,{children:[(0,t.jsx)(f,{children:"Drag to resize"}),(0,t.jsx)(z,{alt:"",src:"/images/up-arrow.png"})]})})]})};r(29475)},29475:s=>{s.exports={a1tthx1d:"a1tthx1d",tehf1ni:"tehf1ni",o1fr03c9:"o1fr03c9",r1u6zto0:"r1u6zto0",rzvodir:"rzvodir","fadeToSemiOpaque-rzvodir":"fadeToSemiOpaque-rzvodir",rxjocqb:"rxjocqb",a1d79bk9:"a1d79bk9"}}}]);
//# sourceMappingURL=11487.adc262c9ca4fbeef.js.map