import LocalisedText from '@/components/LocalisedText'
import { useUITranslation } from '@/lib/useUITranslation'

type Props = {
    messageKey: string
    namespace?: string
    values?: Record<string, string | number>
    className?: string }


const TranslatedText = (
    { messageKey, namespace = 'navigation', values, className }: Props,
) => {
  const { message } = useUITranslation (namespace)
  const result = message (messageKey, values)
  return (
      <LocalisedText language={result.language} className={className}>
	{result.text}
      </LocalisedText>)
}


export default TranslatedText