(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89932],{53153:(e,r,n)=>{"use strict";n.d(r,{Z:()=>c});var s=n(67841),t=n(64833),i=n(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:r,layout:n,children:t,includeTruncate:i=!0,...c}=e;return(0,s.jsx)(a,{ref:r,as:n?void 0:"div",layout:n,...c,children:i?(0,s.jsx)(l,{children:t}):t})};n(78131)},89932:(e,r,n)=>{"use strict";n.r(r),n.d(r,{default:()=>m});var s=n(67841),t=n(64833),i=n(74631),a=n(55158),l=n(62867),c=n(53153);let o=(0,t.z)("div")({name:"Row",class:"rfydzuu",propsAsIs:!1}),d=(0,t.z)("div")({name:"Column",class:"cvntyeb",propsAsIs:!1}),p=(0,t.z)(d)({name:"DemoColumn",class:"dgu4i8",propsAsIs:!0});(0,t.z)("div")({name:"HighlightedCodeWrapper",class:"h1xgzqtf",propsAsIs:!1});let u=(0,t.z)(c.Z)({name:"MarginElement",class:"m1brhybr",propsAsIs:!0}),h=(0,t.z)(l.Z)({name:"Container",class:"c1p29m7",propsAsIs:!0}),m=function(e){let{codeOutput:r}=e;return(0,s.jsx)(a.ZP,{initialValues:{containerWidth:100,containerHeight:100},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,s.jsx)(a.vn,{id:"containerWidth",label:"Container Width",min:25,max:100,previewRenderer:e=>"".concat(e,"%")},"containerWidth"),(0,s.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,261);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(o,{children:[(0,s.jsx)(d,{children:r}),(0,s.jsx)(p,{children:(0,s.jsx)(h,{style:{width:n+"%",height:a/16+"rem"},children:(0,s.jsx)(u,{children:".element"})})})]})})}})};n(99131)},78131:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},99131:e=>{e.exports={rfydzuu:"rfydzuu",cvntyeb:"cvntyeb",dgu4i8:"dgu4i8",m1brhybr:"m1brhybr",c1p29m7:"c1p29m7"}}}]);
//# sourceMappingURL=89932.26bf325b2b71f313.js.map