import i18n from 'i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
import { initReactI18next } from 'react-i18next';
import HttpApi from 'i18next-http-backend';

import translationEN from '../../static/locales/en.json';
import translationES from '../../static/locales/es.json';
import translationDE from '../../static/locales/de.json';
import translationRU from '../../static/locales/ru.json';
import translationJA from '../../static/locales/ja.json';
import translationPL from '../../static/locales/pl.json';
import translationFR from '../../static/locales/fr.json';
import translationCA from '../../static/locales/ca.json';
import translationIT from '../../static/locales/it.json';
import translationPT from '../../static/locales/pt.json';
import translationTH from '../../static/locales/th.json';
import translationCS from '../../static/locales/cs.json';
import translationEU from '../../static/locales/eu.json';
import translationSV from '../../static/locales/sv.json';
import translationZHsi from '../../static/locales/zh-SI.json';
import translationZHtr from '../../static/locales/zh-TR.json';

const config = {
  resources: {
    en: { translations: translationEN },
    es: { translations: translationES },
    ru: { translations: translationRU },
    de: { translations: translationDE },
    ja: { translations: translationJA },
    pl: { translations: translationPL },
    fr: { translations: translationFR },
    ca: { translations: translationCA },
    it: { translations: translationIT },
    pt: { translations: translationPT },
    eu: { translations: translationEU },
    cs: { translations: translationCS },
    th: { translations: translationTH },
    pl: { translations: translationPL },
    sv: { translations: translationSV },
    'zh-SI': { translations: translationZHsi },
    'zh-TR': { translations: translationZHtr },
  },
  fallbackLng: 'en',
  debug: false,
  // have a common namespace used around the full app
  ns: ['translations'],
  defaultNS: 'translations',
  keySeparator: false, // we use content as keys
  interpolation: {
    escapeValue: false,
    formatSeparator: ',',
  },
  react: {
    useSuspense: false,
  },
};

i18n.use(HttpApi).use(LanguageDetector).use(initReactI18next).init(config);

export default i18n;