(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32968],{25632:(e,s,t)=>{"use strict";t.d(s,{A:()=>n});var o=t(87687),r=t(78262);let n=function(e){return(0,o.jsx)(r.A,{...e,layout:!1,padding:0,style:{backgroundColor:"white"}})}},75513:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>d});var o=t(87687),r=t(31928),n=t(39097),i=t(74263),p=t(25632);let l=(0,r.I)("div")({name:"OuterWrapper",class:"o1wz5y2i",propsAsIs:!1}),a=(0,r.I)("div")({name:"Wrapper",class:"w164f7kz",propsAsIs:!1}),c=(0,r.I)("p")({name:"Title",class:"twur3px",propsAsIs:!1});(0,r.I)("p")({name:"Paragraph",class:"p13midpz",propsAsIs:!1});let d=function(){return(0,o.jsx)(n.Ay,{id:"rem-demo",initialValues:{fontSize:16},outputWrapper:p.A,controls:[(0,o.jsx)(n.oP,{id:"fontSize",label:"font-size",min:12,max:48,previewRenderer:e=>"".concat(e,"px")},"fontSize")],controlPosition:"top",children:e=>{let{fontSize:s}=e;return(0,o.jsxs)(l,{children:[(0,o.jsxs)(a,{style:{fontSize:"".concat(s,"px")},children:[(0,o.jsx)(c,{children:"Hello World"}),(0,o.jsx)("p",{children:"This is a paragraph with some words and things."})]}),(0,o.jsx)(i.A,{code:function(e){let{fontSize:s}=e;return"html {\n  font-size: ".concat(s,"px;\n}\nh1 {\n  font-size: 2rem;\n}")}({fontSize:s}),minCodeHeight:"12.75rem"})]})}})};t(78277)},74263:(e,s,t)=>{"use strict";t.d(s,{A:()=>c});var o=t(87687),r=t(52751),n=t(31928),i=t(51311),p=t(17503);let l=(0,n.I)("div")({name:"CodeWrapper",class:"c93kv52",propsAsIs:!1}),a=(0,n.I)(p.A)({name:"StyledSpinner",class:"scev1do",propsAsIs:!0}),c=function(e){let{code:s,minCodeHeight:t}=e,[n,p]=r.useState(!1);return(0,o.jsxs)(l,{style:{"--min-code-height":t},children:[!n&&(0,o.jsx)(a,{}),(0,o.jsx)(i.default,{lockedToColorMode:"light",omitCopyButton:!0,onMount:()=>p(!0),code:s,lang:"css"})]})};t(15603)},78277:e=>{e.exports={o1wz5y2i:"o1wz5y2i",w164f7kz:"w164f7kz",twur3px:"twur3px"}},15603:e=>{e.exports={c93kv52:"c93kv52",scev1do:"scev1do"}}}]);
//# sourceMappingURL=32968.ea1169ae154519c9.js.map