(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3402],{3402:(s,r,e)=>{"use strict";e.r(r),e.d(r,{default:()=>g});var a=e(67841),n=e(64833),i=e(55158),c=e(62867);let h=(0,n.z)("div")({name:"Row",class:"rd2ybsp",propsAsIs:!1}),l=(0,n.z)("div")({name:"Column",class:"chgmep8",propsAsIs:!1}),d=(0,n.z)(l)({name:"DemoColumn",class:"dar8w9r",propsAsIs:!0}),t=(0,n.z)(c.Z)({name:"Container",class:"c11xzskk",propsAsIs:!0}),p=(0,n.z)("div")({name:"Background",class:"b1i0guks",propsAsIs:!1}),o=(0,n.z)("div")({name:"Heading",class:"h48rdrx",propsAsIs:!1}),m=(0,n.z)("div")({name:"Paragraph",class:"pmhuiz2",propsAsIs:!1}),u=(0,n.z)("span")({name:"Block",class:"bdhlboe",propsAsIs:!1}),x=(0,n.z)(u)({name:"HeadingBlock",class:"h1131uhr",propsAsIs:!0}),j=(0,n.z)("div")({name:"Modal",class:"m103670h",propsAsIs:!1}),g=function(s){let{codeOutput:r}=s;return(0,a.jsx)(i.ZP,{initialValues:{containerWidth:100,numOfChars:1},controlPosition:"top",customGrid:{gridTemplateColumns:"1fr 1fr"},outputWrapper:null,controls:[(0,a.jsx)(i.vn,{id:"containerWidth",label:"Container Width",min:30,max:100,previewRenderer:s=>"".concat(s,"%")},"containerWidth"),(0,a.jsx)(i.vn,{id:"numOfChars",label:"# of Characters",min:1,max:100},"numOfChars")],children:s=>{let{containerWidth:e,numOfChars:n}=s;return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(h,{children:[(0,a.jsx)(l,{children:r}),(0,a.jsx)(d,{children:(0,a.jsxs)(t,{style:{width:e+"%"},children:[(0,a.jsxs)(p,{children:[(0,a.jsx)(o,{children:[2,6.5,1,8,3].map((s,r)=>(0,a.jsx)(x,{style:{width:"".concat(s,"rem")}},r))}),(0,a.jsx)(m,{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,r)=>(0,a.jsx)(u,{style:{width:"".concat(s,"rem")}},r))}),(0,a.jsx)(m,{children:[.785,4.2,1.25,4,1.5,1.5,1,2.25,.5,2.1,2.5,3.5,1].map((s,r)=>(0,a.jsx)(u,{style:{width:"".concat(s,"rem")}},r))}),(0,a.jsx)(m,{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,r)=>(0,a.jsx)(u,{style:{width:"".concat(s,"rem")}},r))})]}),(0,a.jsx)(j,{children:(0,a.jsx)("p",{children:"A JavaScript dancer broke through the glass, surprising the other languages having a fancy dinner. \uD83D\uDCA5".slice(0,100===n?102:n)})})]})})]})})}})};e(31460)},31460:s=>{s.exports={rd2ybsp:"rd2ybsp",chgmep8:"chgmep8",dar8w9r:"dar8w9r",c11xzskk:"c11xzskk",b1i0guks:"b1i0guks",h48rdrx:"h48rdrx",pmhuiz2:"pmhuiz2",bdhlboe:"bdhlboe",h1131uhr:"h1131uhr",m103670h:"m103670h"}}}]);
//# sourceMappingURL=3402.c928f85692e9f6fb.js.map