import { FC } from 'react'
import { FormattedMessage } from 'react-intl'
import { useMessages } from '../../../src/i18n'

interface Props {
  id: keyof ReturnType<typeof useMessages>['en']
}

export const I18n: FC<Props> = ({ id }) => {
  return <FormattedMessage id={id} />
}