retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 848 B
JavaScript
;var e=require("../../_virtual/_tslib.js"),s=require("react"),r=require("../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js"),a=require("../../utils/classNames.js"),i=require("../../constants/commonClassNames.js"),t=require("./Text.styled.js");const l=s.forwardRef(((s,l)=>{var{id:n,className:o,children:c,color:h="#000000",variant:d="paragraph",align:m="left",bevel:u=!1,blink:x=!1,sx:b}=s,p=e.__rest(s,["id","className","children","color","variant","align","bevel","blink","sx"]);const v={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body1:"p",body2:"p",paragraph:"p",small:"p"}[d];return r.jsx(t.Text,Object.assign({as:v,$align:m,$bevel:u,$blink:x,$color:h,$variant:d,ref:l,id:n,sx:b,className:a.classNames("text-root",o,i.default)},p,{children:c}),void 0)}));l.displayName="Text",exports.Text=l;