veza/apps/web/src/hooks/useTranslation.ts

import { useTranslation as useI18nTranslation } from 'react-i18next';
import { useUIStore } from '@/stores/ui';
import type { UseTranslationReturn } from './types';

/**
 * Hook pour gérer les traductions
 * FE-TYPE-012: Fully typed hook return
 */
export function useTranslation(): UseTranslationReturn {
  const { i18n, t } = useI18nTranslation();
  const { language, setLanguage } = useUIStore();

  const changeLanguage = (newLanguage: 'en' | 'fr') => {
    i18n.changeLanguage(newLanguage);
    setLanguage(newLanguage);
  };

  return {
    t,
    i18n,
    language,
    changeLanguage,
    isReady: i18n.isInitialized,
  };
}