(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76260],{93998:(e,r,s)=>{"use strict";s.d(r,{A:()=>o});var n=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}),o=function(e){let{ref:r,layout:s,children:t,includeTruncate:i=!0,...o}=e;return(0,n.jsx)(a,{ref:r,as:s?void 0:"div",layout:s,...o,children:i?(0,n.jsx)(l,{children:t}):t})};s(54636)},84723:(e,r,s)=>{"use strict";s.r(r),s.d(r,{default:()=>m});var n=s(87687),t=s(31928),i=s(68852),a=s(20120),l=s(71597),o=s(93998);let c=(0,t.I)("div")({name:"Row",class:"rfydzuu",propsAsIs:!1}),d=(0,t.I)("div")({name:"Column",class:"cvntyeb",propsAsIs:!1}),p=(0,t.I)(d)({name:"DemoColumn",class:"dgu4i8",propsAsIs:!0});(0,t.I)("div")({name:"HighlightedCodeWrapper",class:"h1xgzqtf",propsAsIs:!1});let u=(0,t.I)(o.A)({name:"MarginElement",class:"m1brhybr",propsAsIs:!0}),h=(0,t.I)(l.A)({name:"Container",class:"c1p29m7",propsAsIs:!0}),m=function(e){let{codeOutput:r}=e;return(0,n.jsx)(a.Ay,{initialValues:{containerWidth:100,containerHeight:100},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,n.jsx)(a.oP,{id:"containerWidth",label:"Container Width",min:25,max:100,previewRenderer:e=>"".concat(e,"%")},"containerWidth"),(0,n.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,261);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(c,{children:[(0,n.jsx)(d,{children:r}),(0,n.jsx)(p,{children:(0,n.jsx)(h,{style:{width:s+"%",height:a/16+"rem"},children:(0,n.jsx)(u,{children:".element"})})})]})})}})};s(16449)},54636:e=>{e.exports={wythvuy:"wythvuy",t16m3o3k:"t16m3o3k"}},16449:e=>{e.exports={rfydzuu:"rfydzuu",cvntyeb:"cvntyeb",dgu4i8:"dgu4i8",m1brhybr:"m1brhybr",c1p29m7:"c1p29m7"}}}]);
//# sourceMappingURL=76260.ed71ffdae8fd813f.js.map