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