import styled from 'styled-components/macro'

import { devices, SportTypes } from 'config'

import { T9n } from 'features/T9n'

type Props = {
  sport: SportTypes,
}

export const Text = styled(T9n)<Props>`
  margin-right: 10px;
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: uppercase;

  @media ${devices.tablet} {
    font-size: 10px;
    margin-right: 5px;
  }
`
