(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33275],{93998:(e,n,s)=>{"use strict";s.d(n,{A:()=>c});var r=s(87687),t=s(31928),i=s(59341);let a=(0,t.I)(i.P.div)({name:"Wrapper",class:"wythvuy",propsAsIs:!0}),l=(0,t.I)("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(54636)},91566:(e,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>m});var r=s(87687),t=s(31928),i=s(68852),a=s(20120),l=s(71597),c=s(93998);let o=(0,t.I)("div")({name:"Row",class:"r1azcgh5",propsAsIs:!1}),d=(0,t.I)("div")({name:"Column",class:"c1nldrp4",propsAsIs:!1}),p=(0,t.I)(d)({name:"DemoColumn",class:"d8b9zz0",propsAsIs:!0}),h=(0,t.I)(l.A)({name:"Container",class:"c188f0fy",propsAsIs:!0}),u=(0,t.I)(c.A)({name:"FlexElement",class:"f3y5w5f",propsAsIs:!0}),m=function(e){let{codeOutput:n}=e;return(0,r.jsx)(a.Ay,{initialValues:{containerWidth:100,containerHeight:100},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,r.jsx)(a.oP,{id:"containerWidth",label:"Container Width",min:25,max:100,previewRenderer:e=>"".concat(e,"%")},"containerWidth"),(0,r.jsx)(a.oP,{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.S8)(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(91188)},54636:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},91188:e=>{e.exports={r1azcgh5:"r1azcgh5",c1nldrp4:"c1nldrp4",d8b9zz0:"d8b9zz0",c188f0fy:"c188f0fy",f3y5w5f:"f3y5w5f"}}}]);
//# sourceMappingURL=33275.8bf8f52b2919551f.js.map