(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22742],{53153:(e,s,n)=>{"use strict";n.d(s,{Z:()=>o});var r=n(67841),t=n(64833),i=n(45700);let a=(0,t.z)(i.E.div)({name:"Wrapper",class:"wythvuy",propsAsIs:!0}),c=(0,t.z)("span")({name:"Truncate",class:"t16m3o3k",propsAsIs:!1}),o=function(e){let{ref:s,layout:n,children:t,includeTruncate:i=!0,...o}=e;return(0,r.jsx)(a,{ref:s,as:n?void 0:"div",layout:n,...o,children:i?(0,r.jsx)(c,{children:t}):t})};n(78131)},22742:(e,s,n)=>{"use strict";n.r(s),n.d(s,{default:()=>v});var r=n(67841);n(79477);var t=n(64833),i=n(74631),a=n(55158),c=n(62867),o=n(53153);let l=(0,t.z)("div")({name:"Row",class:"rcwtqfe",propsAsIs:!1}),d=(0,t.z)("div")({name:"Column",class:"c9vkmf2",propsAsIs:!1}),m=(0,t.z)(d)({name:"DemoColumn",class:"djxxsdm",propsAsIs:!0}),p=(0,t.z)(c.Z)({name:"Container",class:"c17eovmj",propsAsIs:!0}),h=(0,t.z)(o.Z)({name:"FlexElement",class:"f1vkqrq",propsAsIs:!0}),v=function(e){let{codeOutput:s}=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:n,containerHeight:t}=e,a=(0,i.Fv)(t,30,100,70,200);return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(l,{children:[(0,r.jsx)(d,{children:s}),(0,r.jsx)(m,{children:(0,r.jsx)(p,{style:{width:n+"%",height:a},children:(0,r.jsx)(h,{children:".element"})})})]})})}})};n(87353)},78131:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},87353:e=>{e.exports={rcwtqfe:"rcwtqfe",c9vkmf2:"c9vkmf2",djxxsdm:"djxxsdm",c17eovmj:"c17eovmj",f1vkqrq:"f1vkqrq"}}}]);
//# sourceMappingURL=22742.c6461c27519cc524.js.map