import styled from '@emotion/styled' ; import { Box } from '@neo-one/react-common' ; import * as React from 'react' ; import { prop } from 'styled-tools' ; import { WordTokens } from '../types' ; import { buildText } from './utils' ; export const StyledText = styled ( Box ) < { } , { } > `
  ${ prop ( 'theme.fontStyles.subheading' ) };
  ${ prop ( 'theme.fonts.axiformaRegular' ) };
` ; interface Props { readonly text : WordTokens ; } export const Text = ( { text , ... props } ) => < StyledText { ... props } > { buildText ( text ) } < /StyledText>;