(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36396],{9006:(s,e,r)=>{"use strict";r.d(e,{A:()=>t});var l=r(87687),a=r(52751),n=r(31928),i=r(19901),d=r(44386);let o=(0,n.I)("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.A,{id:c,active:e,handleToggle:r,handleFocusColor:null,handleColor:e?"var(--color-text)":"var(--color-gray-400)"}),(0,l.jsx)(i.A,{size:16}),n]})};r(41133)},34250:(s,e,r)=>{"use strict";r.d(e,{I4:()=>d,Qc:()=>n,sD:()=>o,y6:()=>i});var l=r(31928),a=r(59341);let n=(0,l.I)("div")({name:"GridStructure",class:"g1nrkimi",propsAsIs:!1}),i=(0,l.I)("div")({name:"BaseCodeWrapper",class:"bu47715",propsAsIs:!1}),d=(0,l.I)(a.P.div)({name:"LabeledColumn",class:"ljraie7",propsAsIs:!0}),o=(0,l.I)(a.P.div)({name:"LabeledRow",class:"l12tgnsh",propsAsIs:!0});r(97406)},58057:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>o});var l=r(87687);r(52751);var a=r(31928),n=r(26726),i=r(55858);let d=(0,a.I)("div")({name:"Wrapper",class:"wd70yos",propsAsIs:!1}),o=function(){return(0,l.jsx)(n.A,{initialValues:{},hidePerspectiveControl:!0,defaultPerspectiveEnabled:!1,controls:[],children:s=>{let{}=s;return(0,l.jsx)(d,{children:(0,l.jsx)(i.A,{withLabels:!0})})}})};r(589)},55858:(s,e,r)=>{"use strict";r.d(e,{A:()=>x});var l=r(87687);r(52751);var a=r(31928),n=r(34250);let i=(0,a.I)(n.Qc)({name:"GridStructure",class:"g10th6vl",propsAsIs:!0}),d=(0,a.I)("div")({name:"GridRow",class:"gjq2qpv",propsAsIs:!1}),o=(0,a.I)("div")({name:"GridColumn",class:"g1eirih9",propsAsIs:!1}),t=(0,a.I)("div")({name:"BaseArea",class:"b1g37b8q",propsAsIs:!1}),c=(0,a.I)(t)({name:"HeaderArea",class:"h1wmm0xn",propsAsIs:!0}),p=(0,a.I)(t)({name:"MainArea",class:"m81ls36",propsAsIs:!0}),h=(0,a.I)(t)({name:"SidebarArea",class:"s1cd9bfl",propsAsIs:!0}),u=(0,a.I)("div")({name:"BaseBlock",class:"bkpeds0",propsAsIs:!1}),m=(0,a.I)("span")({name:"SidebarText",class:"sdemges",propsAsIs:!1}),I=(0,a.I)("div")({name:"Label",class:"l6u5zon",propsAsIs:!1}),g=(0,a.I)(I)({name:"ColLabel",class:"c1dt94aq",propsAsIs:!0}),j=(0,a.I)(I)({name:"RowLabel",class:"rnzskaj",propsAsIs:!0}),x=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)(g,{style:{gridRow:1,gridColumn:1},children:"2fr"}),(0,l.jsx)(g,{style:{gridRow:1,gridColumn:2},children:"5fr"}),(0,l.jsx)(j,{style:{gridRow:1,gridColumn:1},children:"50px"}),(0,l.jsx)(j,{style:{gridRow:2,gridColumn:1},children:"1fr"})]})]})};r(62304)},26726:(s,e,r)=>{"use strict";r.d(e,{A:()=>c});var l=r(87687),a=r(52751),n=r(31928),i=r(20120),d=r(9006);let o=(0,n.I)("div")({name:"Wrapper",class:"w1n5e7hb",propsAsIs:!1}),t=(0,n.I)(function(s){let{isPerspectiveEnabled:e,setIsPerspectiveEnabled:r,...a}=s;return(0,l.jsx)(d.A,{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.Ay,{...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(73428)},41133:s=>{s.exports={wfao701:"wfao701"}},97406:s=>{s.exports={g1nrkimi:"g1nrkimi",bu47715:"bu47715",ljraie7:"ljraie7",l12tgnsh:"l12tgnsh"}},589:s=>{s.exports={wd70yos:"wd70yos"}},62304: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"}},73428:s=>{s.exports={w1n5e7hb:"w1n5e7hb",g19jnwoh:"g19jnwoh"}}}]);
//# sourceMappingURL=36396.a56f236b9f393a17.js.map