import styled from 'styled-components'

import { color, font, fontWeight } from '../../_utils/branding'
import { Text } from '../index'

export const TextDisplay1 = styled(Text)`
  color: ${color.midnightGreen};
  font-size: ${font.xl.size};
  line-height: ${font.xl.lineHeight};
  font-weight: ${fontWeight.medium};
`