component---docs-component-text-mdx-5814cb5fe9845ddb9621.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{"1sTP":function(e,t,n){"use strict";n.r(t),n.d(t,"_frontmatter",(function(){return c})),n.d(t,"default",(function(){return d}));n("5hJT"),n("W1QL"),n("K/PF"),n("t91x"),n("75LO"),n("PJhk");var i=n("/FXl"),o=n("TjRS"),r=n("3re2"),s=n("ZFoC");n("aD51");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}var c={};void 0!==c&&c&&c===Object(c)&&Object.isExtensible(c)&&!c.hasOwnProperty("__filemeta")&&Object.defineProperty(c,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"docs/component/text.mdx"}});var b={_frontmatter:c},l=o.a;function d(e){var t,n,d=e.components,h=function(e,t){if(null==e)return{};var n,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,["components"]);return Object(i.b)(l,a({},b,h,{components:d,mdxType:"MDXLayout"}),Object(i.b)("h1",{id:"text"},"Text"),Object(i.b)("h2",{id:"variants"},"Variants"),Object(i.b)(s.c,{__position:0,__code:'<div>\n  <Text> This is a text </Text>\n  <br />\n  <Text strong> This is a strong text </Text>\n  <br />\n  <Text highlight> This is a highlighted text </Text>\n  <br />\n  <Text code> const fiber = "hello world" </Text>\n</div>',__scope:(t={props:h,DefaultLayout:o.a,Text:r.k,Playground:s.c},t.DefaultLayout=o.a,t._frontmatter=c,t),mdxType:"Playground"},Object(i.b)("div",null,Object(i.b)(r.k,{mdxType:"Text"}," This is a text "),Object(i.b)("br",null),Object(i.b)(r.k,{strong:!0,mdxType:"Text"}," This is a strong text "),Object(i.b)("br",null),Object(i.b)(r.k,{highlight:!0,mdxType:"Text"}," This is a highlighted text "),Object(i.b)("br",null),Object(i.b)(r.k,{code:!0,mdxType:"Text"},' const fiber = "hello world" '))),Object(i.b)("h2",{id:"sizes"},"Sizes"),Object(i.b)(s.c,{__position:1,__code:"<div>\n  <Text size={4}> This is a text of size 4. </Text>\n  <br />\n  <Text size={5} highlight code>\n    This is a code of size 5, highlighted.\n  </Text>\n</div>",__scope:(n={props:h,DefaultLayout:o.a,Text:r.k,Playground:s.c},n.DefaultLayout=o.a,n._frontmatter=c,n),mdxType:"Playground"},Object(i.b)("div",null,Object(i.b)(r.k,{size:4,mdxType:"Text"}," This is a text of size 4. "),Object(i.b)("br",null),Object(i.b)(r.k,{size:5,highlight:!0,code:!0,mdxType:"Text"},"This is a code of size 5, highlighted."))))}void 0!==d&&d&&d===Object(d)&&Object.isExtensible(d)&&!d.hasOwnProperty("__filemeta")&&Object.defineProperty(d,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"docs/component/text.mdx"}}),d.isMDXComponent=!0}}]);
//# sourceMappingURL=component---docs-component-text-mdx-5814cb5fe9845ddb9621.js.map