(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84551],{25632:(e,s,t)=>{"use strict";t.d(s,{A:()=>n});var i=t(87687),r=t(78262);let n=function(e){return(0,i.jsx)(r.A,{...e,layout:!1,padding:0,style:{backgroundColor:"white"}})}},50958:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>c});var i=t(87687);t(52751);var r=t(31928),n=t(39097),o=t(25632);let a=(0,r.I)("div")({name:"OuterWrapper",class:"o1ou2u0m",propsAsIs:!1}),l=(0,r.I)("div")({name:"Wrapper",class:"wmxjacp",propsAsIs:!1}),p=(0,r.I)("p")({name:"Paragraph",class:"pfe3rnb",propsAsIs:!1}),m=(0,r.I)("p")({name:"Heading",class:"h1kch5k2",propsAsIs:!1}),u=(0,r.I)("div")({name:"MarginBlock",class:"m1eexcnq",propsAsIs:!1}),c=function(){return(0,i.jsx)(n.Ay,{id:"vertical-margins-demo",initialValues:{fontSize:100,unit:"px"},outputWrapper:o.A,controls:[(0,i.jsx)(n.oP,{id:"fontSize",label:"Default font size",min:100,max:300,previewRenderer:e=>"".concat(e,"%")},"fontSize"),(0,i.jsx)(n.wI,{id:"unit",label:"Margin unit",options:["px","rem"]},"unit")],controlPosition:"top",children:e=>{let{fontSize:s,unit:t}=e,r=s/100,n="px"===t?1:r,o=16*n;return(0,i.jsx)(a,{children:(0,i.jsxs)(l,{children:[(0,i.jsx)(p,{style:{fontSize:r+"rem"},children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),(0,i.jsx)(u,{style:{height:o}}),(0,i.jsx)(p,{style:{fontSize:r+"rem"},children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text since the 1500s."}),(0,i.jsx)(u,{style:{height:32*n}}),(0,i.jsx)(m,{style:{fontSize:1.5*r+"rem"},children:"History"}),(0,i.jsx)(u,{style:{height:o}}),(0,i.jsx)(p,{style:{fontSize:r+"rem"},children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),(0,i.jsx)(u,{style:{height:o}}),(0,i.jsx)(p,{style:{fontSize:r+"rem"},children:"For more information, visit the Lorem Ipsum museum."})]})})}})};t(4076)},4076:e=>{e.exports={o1ou2u0m:"o1ou2u0m",wmxjacp:"wmxjacp",m1eexcnq:"m1eexcnq"}}}]);
//# sourceMappingURL=84551.9be43a58878007e9.js.map