(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77940,95177],{22108:(e,s,t)=>{"use strict";t.d(s,{A:()=>n});var o=t(29549),r=t(58954);let n=function(e){return(0,o.jsx)(r.A,{...e,layout:!1,padding:0,style:{backgroundColor:"white"}})}},37133:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>d});var o=t(29549),r=t(24299),n=t(13320),i=t(74835),p=t(22108);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(3773)},74835:(e,s,t)=>{"use strict";t.d(s,{A:()=>c});var o=t(29549),r=t(68793),n=t(24299),i=t(58837),p=t(2783);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(75099)},3773:e=>{e.exports={o1wz5y2i:"o1wz5y2i",w164f7kz:"w164f7kz",twur3px:"twur3px"}},75099:e=>{e.exports={c93kv52:"c93kv52",scev1do:"scev1do"}}}]);
//# sourceMappingURL=95177.0dcef846d4fc9306.js.map