import { useEffect } from 'react';
import { I18nextProvider } from 'react-i18next';
import i18n from '../i18n/config';

/**
 * Envuelve la app con `react-i18next`. Si pasás `language`, se sincroniza con `i18n` (p. ej. estado del portal).
 * Si no pasás `language`, se respeta el idioma inicial (p. ej. `getStoredLanguage()` en `i18n/config`).
 */
export const I18nProvider = ({ children, language }) => {
  useEffect(() => {
    if (language != null && language !== '' && i18n.language !== language) {
      i18n.changeLanguage(language);
    }
  }, [language]);

  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
};

export default I18nProvider;

