(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56242],{99800:(e,n,t)=>{"use strict";t.d(n,{A:()=>o,M:()=>r});var s=t(87687),l=t(52751);let r=l.createContext({code:"",lang:""}),o=l.memo(function(e){let{code:n,lang:t,children:l}=e;return(0,s.jsx)(r.Provider,{value:{code:n,lang:t},children:l})})},28429:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>g});var s=t(87687),l=t(31928),r=t(20120),o=t(71597),i=t(99800);let c="flexbox",a={flexbox:".container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.element {\n  width: 50%;\n  height: 50%;\n}",grid:".container {\n  display: grid;\n  place-content: center;\n}\n\n.element {\n  width: 50%;\n  height: 50%;\n}"};var d=t(59341);let p=(0,l.I)(d.P.div)({name:"Wrapper",class:"wz06ft9",propsAsIs:!0}),u=(0,l.I)(d.P.div)({name:"InnerWrapper",class:"it9po97",propsAsIs:!0});t(17830);let h=(0,l.I)("div")({name:"Row",class:"rmzh41",propsAsIs:!1}),x=(0,l.I)("div")({name:"Column",class:"c1lje9ew",propsAsIs:!1}),m=(0,l.I)(x)({name:"CodeColumn",class:"c1a4nfp1",propsAsIs:!0}),f=(0,l.I)(x)({name:"DemoColumn",class:"d1hj7c07",propsAsIs:!0}),j=(0,l.I)(o.A)({name:"Container",class:"cx58d8v",propsAsIs:!0}),I=(0,l.I)(function(e){let{ref:n,children:t,...l}=e;return(0,s.jsx)(p,{ref:n,layout:!0,...l,children:(0,s.jsx)(u,{layout:!0,children:(0,s.jsx)(d.P.span,{layout:!0,children:t})})})})({name:"ChildElement",class:"c1ho0wkr",propsAsIs:!0}),g=function(e){let{codeOutput:n}=e;return(0,s.jsx)(r.Ay,{initialValues:{layoutMode:c},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr"},outputWrapper:null,controls:[(0,s.jsx)(r.Cd,{id:"layoutMode",label:"Layout Algorithm",options:["flexbox","grid"]},"layoutMode")],children:e=>{let{layoutMode:t}=e;return(0,s.jsxs)(h,{children:[(0,s.jsx)(m,{children:(0,s.jsx)(i.A,{lang:"css",code:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c;return a[e]}(t),children:n})}),(0,s.jsx)(f,{children:(0,s.jsx)(j,{style:{display:"grid"===t?"grid":"flex",justifyContent:"center",alignContent:"grid"===t?"center":void 0,alignItems:"flexbox"===t?"center":void 0},children:(0,s.jsx)(I,{children:".element"})})})]})}})};t(86341)},86341:e=>{e.exports={rmzh41:"rmzh41",c1lje9ew:"c1lje9ew",c1a4nfp1:"c1a4nfp1",d1hj7c07:"d1hj7c07",cx58d8v:"cx58d8v",c1ho0wkr:"c1ho0wkr"}},17830:e=>{e.exports={wz06ft9:"wz06ft9",it9po97:"it9po97"}}}]);
//# sourceMappingURL=56242.9229ade9e89c5680.js.map