#428

frontend/src/lib/useUITranslation.ts

@@ -1,5 +1,7 @@
+import { createElement } from 'react'
 import { useTranslation } from 'react-i18next'
 
+import LocalisedText from '@/components/LocalisedText'
 import { useLocale } from '@/lib/useLocale'
 
 
@@ -12,5 +14,11 @@ export const useUITranslation = (namespace = 'common') => {
     return { text: result.res, language: result.usedLng }
   }
 
-  return { message }
+  const label = (key: string, values?: Record<string, string | number>) => {
+    const result = message (key, values)
+    return createElement (LocalisedText, {
+	language: result.language, children: result.text })
+  }
+
+  return { message, label }
 }