import i18next from 'i18next';
import Backend from 'i18next-xhr-backend';
import {reactI18nextModule} from 'react-i18next';
import LanguageDetector from 'i18next-browser-languagedetector';

i18next
  .use(Backend)
  .use(LanguageDetector)
  .use(reactI18nextModule)
  .init({
    lng: 'en',
    fallbackLng: 'en',
    debug: true,
    // have a common namespace used around the full app
    ns: ['translation','properties'],
    defaultNs: 'translation',
    backend: {
      loadPath: './locales/{{lng}}/{{ns}}.json',
    },
    interpolation: {
      escapeValue: false, // not needed for react!!
    },

    react: {
      wait: true,
      withRef: false,
      bindI18n: 'languageChanged loaded',
      bindStore: 'added removed',
      nsMode: 'default'
    }
  }).loadLanguages(['en', 'nb']);

export default i18next;