(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29112],{53153:(e,n,s)=>{"use strict";s.d(n,{Z:()=>c});var r=s(67841),t=s(64833),i=s(45700);let a=(0,t.z)(i.E.div)({name:"Wrapper",class:"wythvuy",propsAsIs:!0}),l=(0,t.z)("span")({name:"Truncate",class:"t16m3o3k",propsAsIs:!1}),c=function(e){let{ref:n,layout:s,children:t,includeTruncate:i=!0,...c}=e;return(0,r.jsx)(a,{ref:n,as:s?void 0:"div",layout:s,...c,children:i?(0,r.jsx)(l,{children:t}):t})};s(78131)},29112:(e,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>m});var r=s(67841),t=s(64833),i=s(74631),a=s(55158),l=s(62867),c=s(53153);let o=(0,t.z)("div")({name:"Row",class:"r1azcgh5",propsAsIs:!1}),d=(0,t.z)("div")({name:"Column",class:"c1nldrp4",propsAsIs:!1}),p=(0,t.z)(d)({name:"DemoColumn",class:"d8b9zz0",propsAsIs:!0}),h=(0,t.z)(l.Z)({name:"Container",class:"c188f0fy",propsAsIs:!0}),u=(0,t.z)(c.Z)({name:"FlexElement",class:"f3y5w5f",propsAsIs:!0}),m=function(e){let{codeOutput:n}=e;return(0,r.jsx)(a.ZP,{initialValues:{containerWidth:100,containerHeight:100},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,r.jsx)(a.vn,{id:"containerWidth",label:"Container Width",min:25,max:100,previewRenderer:e=>"".concat(e,"%")},"containerWidth"),(0,r.jsx)(a.vn,{id:"containerHeight",label:"Container Height",min:30,max:100,previewRenderer:e=>"".concat(e,"%")},"containerHeight")],children:e=>{let{containerWidth:s,containerHeight:t}=e,a=(0,i.Fv)(t,30,100,70,200);return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(o,{children:[(0,r.jsx)(d,{children:n}),(0,r.jsx)(p,{children:(0,r.jsx)(h,{style:{width:s+"%",height:a},children:(0,r.jsx)(u,{children:".element"})})})]})})}})};s(35865)},78131:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},35865:e=>{e.exports={r1azcgh5:"r1azcgh5",c1nldrp4:"c1nldrp4",d8b9zz0:"d8b9zz0",c188f0fy:"c188f0fy",f3y5w5f:"f3y5w5f"}}}]);
//# sourceMappingURL=29112.d21fa17eb094cebc.js.map