(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16627],{1178:(s,e,r)=>{"use strict";r.d(e,{Z:()=>t});var l=r(67841),a=r(79477),n=r(64833),i=r(75865),d=r(77047);let o=(0,n.z)("label")({name:"Wrapper",class:"wfao701",propsAsIs:!1}),t=function(s){let{active:e,handleToggle:r,children:n,...t}=s,c=a.useId();return(0,l.jsxs)(o,{htmlFor:c,...t,children:[(0,l.jsx)(d.Z,{id:c,active:e,handleToggle:r,handleFocusColor:null,handleColor:e?"var(--color-text)":"var(--color-gray-400)"}),(0,l.jsx)(i.Z,{size:16}),n]})};r(14934)},15594:(s,e,r)=>{"use strict";r.d(e,{G0:()=>o,c7:()=>i,oS:()=>d,oy:()=>n});var l=r(64833),a=r(45700);let n=(0,l.z)("div")({name:"GridStructure",class:"g1nrkimi",propsAsIs:!1}),i=(0,l.z)("div")({name:"BaseCodeWrapper",class:"bu47715",propsAsIs:!1}),d=(0,l.z)(a.E.div)({name:"LabeledColumn",class:"ljraie7",propsAsIs:!0}),o=(0,l.z)(a.E.div)({name:"LabeledRow",class:"l12tgnsh",propsAsIs:!0});r(19351)},16627:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>o});var l=r(67841);r(79477);var a=r(64833),n=r(38734),i=r(894);let d=(0,a.z)("div")({name:"Wrapper",class:"wd70yos",propsAsIs:!1}),o=function(){return(0,l.jsx)(n.Z,{initialValues:{},hidePerspectiveControl:!0,defaultPerspectiveEnabled:!1,controls:[],children:s=>{let{}=s;return(0,l.jsx)(d,{children:(0,l.jsx)(i.Z,{withLabels:!0})})}})};r(60883)},894:(s,e,r)=>{"use strict";r.d(e,{Z:()=>v});var l=r(67841);r(79477);var a=r(64833),n=r(15594);let i=(0,a.z)(n.oy)({name:"GridStructure",class:"g10th6vl",propsAsIs:!0}),d=(0,a.z)("div")({name:"GridRow",class:"gjq2qpv",propsAsIs:!1}),o=(0,a.z)("div")({name:"GridColumn",class:"g1eirih9",propsAsIs:!1}),t=(0,a.z)("div")({name:"BaseArea",class:"b1g37b8q",propsAsIs:!1}),c=(0,a.z)(t)({name:"HeaderArea",class:"h1wmm0xn",propsAsIs:!0}),p=(0,a.z)(t)({name:"MainArea",class:"m81ls36",propsAsIs:!0}),h=(0,a.z)(t)({name:"SidebarArea",class:"s1cd9bfl",propsAsIs:!0}),u=(0,a.z)("div")({name:"BaseBlock",class:"bkpeds0",propsAsIs:!1}),m=(0,a.z)("span")({name:"SidebarText",class:"sdemges",propsAsIs:!1}),g=(0,a.z)("div")({name:"Label",class:"l6u5zon",propsAsIs:!1}),j=(0,a.z)(g)({name:"ColLabel",class:"c1dt94aq",propsAsIs:!0}),x=(0,a.z)(g)({name:"RowLabel",class:"rnzskaj",propsAsIs:!0}),v=function(s){let{withLabels:e}=s;return(0,l.jsxs)(i,{children:[(0,l.jsx)(d,{}),(0,l.jsx)(o,{}),(0,l.jsx)(c,{children:(0,l.jsx)(u,{children:"Header"})}),(0,l.jsx)(p,{children:(0,l.jsx)(u,{children:"Main"})}),(0,l.jsx)(h,{children:(0,l.jsx)(u,{children:(0,l.jsx)(m,{children:"Sidebar"})})}),e&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(j,{style:{gridRow:1,gridColumn:1},children:"2fr"}),(0,l.jsx)(j,{style:{gridRow:1,gridColumn:2},children:"5fr"}),(0,l.jsx)(x,{style:{gridRow:1,gridColumn:1},children:"50px"}),(0,l.jsx)(x,{style:{gridRow:2,gridColumn:1},children:"1fr"})]})]})};r(24524)},38734:(s,e,r)=>{"use strict";r.d(e,{Z:()=>c});var l=r(67841),a=r(79477),n=r(64833),i=r(55158),d=r(1178);let o=(0,n.z)("div")({name:"Wrapper",class:"w1n5e7hb",propsAsIs:!1}),t=(0,n.z)(function(s){let{isPerspectiveEnabled:e,setIsPerspectiveEnabled:r,...a}=s;return(0,l.jsx)(d.Z,{active:e,handleToggle:()=>r(!e),...a,children:"Show Perspective"})})({name:"GridPerspectiveToggle",class:"g19jnwoh",propsAsIs:!0}),c=function(s){let{defaultPerspectiveEnabled:e=!0,children:r,hidePerspectiveControl:n,...d}=s,c=a.useId().replace(/:/g,""),[p,h]=a.useState(e);return(0,l.jsx)(i.ZP,{...d,id:"grid-demo-".concat(c),outputWrapper:null,controlPosition:"top",children:s=>(0,l.jsxs)(o,{children:[r({...s,isPerspectiveEnabled:p}),!n&&(0,l.jsx)(t,{id:c,isPerspectiveEnabled:p,setIsPerspectiveEnabled:h})]})})};r(39922)},14934:s=>{s.exports={wfao701:"wfao701"}},19351:s=>{s.exports={g1nrkimi:"g1nrkimi",bu47715:"bu47715",ljraie7:"ljraie7",l12tgnsh:"l12tgnsh"}},60883:s=>{s.exports={wd70yos:"wd70yos"}},24524:s=>{s.exports={g10th6vl:"g10th6vl",gjq2qpv:"gjq2qpv",g1eirih9:"g1eirih9",b1g37b8q:"b1g37b8q",h1wmm0xn:"h1wmm0xn",m81ls36:"m81ls36",s1cd9bfl:"s1cd9bfl",bkpeds0:"bkpeds0",sdemges:"sdemges",l6u5zon:"l6u5zon",c1dt94aq:"c1dt94aq",rnzskaj:"rnzskaj"}},39922:s=>{s.exports={w1n5e7hb:"w1n5e7hb",g19jnwoh:"g19jnwoh"}}}]);
//# sourceMappingURL=16627.b8df8c02a0244981.js.map