(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67009],{67009:(s,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>b});var n=i(67841),a=i(64833),r=i(74631),c=i(55158),l=i(62867);let t=(0,a.z)("div")({name:"Row",class:"rravcib",propsAsIs:!1}),o=(0,a.z)("div")({name:"Column",class:"c1p1wirq",propsAsIs:!1}),d=(0,a.z)(o)({name:"DemoColumn",class:"d1eqshf7",propsAsIs:!0}),h=(0,a.z)(l.Z)({name:"Container",class:"chdn477",propsAsIs:!0}),p=(0,a.z)("div")({name:"Background",class:"b1iss91h",propsAsIs:!1}),m=(0,a.z)("div")({name:"Heading",class:"hw0i6um",propsAsIs:!1}),u=(0,a.z)("div")({name:"Paragraph",class:"p1ke2ct2",propsAsIs:!1}),v=(0,a.z)("span")({name:"Block",class:"b55jiug",propsAsIs:!1}),x=(0,a.z)(v)({name:"HeadingBlock",class:"hiqw3v2",propsAsIs:!0}),j=(0,a.z)("div")({name:"Modal",class:"mtax2lw",propsAsIs:!1}),w=(0,a.z)("p")({name:"FakeModalHeading",class:"f1sq85ul",propsAsIs:!1}),f=(0,a.z)("div")({name:"FakeFooter",class:"f9vanvl",propsAsIs:!1}),g=(0,a.z)("div")({name:"FakeButton",class:"f1i9j8qt",propsAsIs:!1}),b=function(s){let{codeOutput:e}=s;return(0,n.jsx)(c.ZP,{initialValues:{containerWidth:100,containerHeight:100},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,n.jsx)(c.vn,{id:"containerWidth",label:"Container Width",min:30,max:100,previewRenderer:s=>"".concat(s,"%")},"containerWidth"),(0,n.jsx)(c.vn,{id:"containerHeight",label:"Container Height",min:30,max:100,previewRenderer:s=>"".concat(s,"%")},"containerHeight")],children:s=>{let{containerWidth:i,containerHeight:a}=s,c=(0,r.Fv)(a,30,100,175,334);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(t,{children:[(0,n.jsx)(o,{children:e}),(0,n.jsx)(d,{children:(0,n.jsxs)(h,{style:{width:i+"%",height:c/16+"rem"},children:[(0,n.jsxs)(p,{children:[(0,n.jsx)(m,{children:[2,6.5,1,8,3].map((s,e)=>(0,n.jsx)(x,{style:{width:"".concat(s,"rem")}},e))}),(0,n.jsx)(u,{children:[2,1,2.25,1,1.5,4.75,1.5,7,4,4.2,1.25,5,.5,2.1,4,.785,2.5,1.5,.5,3.5,1].map((s,e)=>(0,n.jsx)(v,{style:{width:"".concat(s,"rem")}},e))}),(0,n.jsx)(u,{children:[.785,4.2,1.25,4,1.5,1.5,1,2.25,.5,2.1,2.5,3.5,1].map((s,e)=>(0,n.jsx)(v,{style:{width:"".concat(s,"rem")}},e))}),(0,n.jsx)(u,{children:[6,2.25,4,1.3,4.2,8,.5,1.25,2.5,5,1,4.4,.5,8,2.1].map((s,e)=>(0,n.jsx)(v,{style:{width:"".concat(s,"rem")}},e))})]}),(0,n.jsxs)(j,{children:[(0,n.jsx)(w,{children:"We value your privacy data."}),(0,n.jsx)("p",{children:"We use cookies to enhance your browser experience by selling this data to advertisers. This is extremely valuable."}),(0,n.jsx)(f,{children:(0,n.jsx)(g,{children:"Sounds good"})})]})]})})]})})}})};i(57671)},57671:s=>{s.exports={rravcib:"rravcib",c1p1wirq:"c1p1wirq",d1eqshf7:"d1eqshf7",chdn477:"chdn477",b1iss91h:"b1iss91h",hw0i6um:"hw0i6um",p1ke2ct2:"p1ke2ct2",b55jiug:"b55jiug",hiqw3v2:"hiqw3v2",mtax2lw:"mtax2lw",f1sq85ul:"f1sq85ul",f9vanvl:"f9vanvl",f1i9j8qt:"f1i9j8qt"}}}]);
//# sourceMappingURL=67009.3745847ab75a30da.js.map