import { SportTypes } from 'config'

import { getSportLexic } from 'helpers'

import { Text } from './styled'

type SportNameProps = {
  className?: string,
  sport: SportTypes,
}

export const SportName = ({ className, sport }: SportNameProps) => (
  <Text
    className={className}
    sport={sport}
    t={getSportLexic(sport)}
  />
)
