(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18853],{93998:(e,s,r)=>{"use strict";r.d(s,{A:()=>c});var n=r(87687),t=r(31928),i=r(59341);let o=(0,t.I)(i.P.div)({name:"Wrapper",class:"wythvuy",propsAsIs:!0}),a=(0,t.I)("span")({name:"Truncate",class:"t16m3o3k",propsAsIs:!1}),c=function(e){let{ref:s,layout:r,children:t,includeTruncate:i=!0,...c}=e;return(0,n.jsx)(o,{ref:s,as:r?void 0:"div",layout:r,...c,children:i?(0,n.jsx)(a,{children:t}):t})};r(54636)},30244:(e,s,r)=>{"use strict";r.r(s),r.d(s,{default:()=>u});var n=r(87687);r(52751);var t=r(31928),i=r(68852),o=r(20120),a=r(71597),c=r(93998);let l=(0,t.I)("div")({name:"Row",class:"rcwtqfe",propsAsIs:!1}),d=(0,t.I)("div")({name:"Column",class:"c9vkmf2",propsAsIs:!1}),m=(0,t.I)(d)({name:"DemoColumn",class:"djxxsdm",propsAsIs:!0}),p=(0,t.I)(a.A)({name:"Container",class:"c17eovmj",propsAsIs:!0}),h=(0,t.I)(c.A)({name:"FlexElement",class:"f1vkqrq",propsAsIs:!0}),u=function(e){let{codeOutput:s}=e;return(0,n.jsx)(o.Ay,{initialValues:{containerWidth:100,containerHeight:100},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,n.jsx)(o.oP,{id:"containerWidth",label:"Container Width",min:25,max:100,previewRenderer:e=>"".concat(e,"%")},"containerWidth"),(0,n.jsx)(o.oP,{id:"containerHeight",label:"Container Height",min:30,max:100,previewRenderer:e=>"".concat(e,"%")},"containerHeight")],children:e=>{let{containerWidth:r,containerHeight:t}=e,o=(0,i.S8)(t,30,100,70,200);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(l,{children:[(0,n.jsx)(d,{children:s}),(0,n.jsx)(m,{children:(0,n.jsx)(p,{style:{width:r+"%",height:o},children:(0,n.jsx)(h,{children:".element"})})})]})})}})};r(6682)},54636:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},6682:e=>{e.exports={rcwtqfe:"rcwtqfe",c9vkmf2:"c9vkmf2",djxxsdm:"djxxsdm",c17eovmj:"c17eovmj",f1vkqrq:"f1vkqrq"}}}]);
//# sourceMappingURL=18853.43b53abb1f8bcaeb.js.map