import i18n from 'i18next'
import { initReactI18next } from 'react-i18next'
import en from '@/locales/en/translation.json'
import am from '@/locales/am/translation.json'

const saved = localStorage.getItem('gishen_locale') || 'en'

void i18n.use(initReactI18next).init({
  resources: {
    en: { translation: en },
    am: { translation: am },
  },
  lng: saved,
  fallbackLng: 'en',
  interpolation: { escapeValue: false },
})

i18n.on('languageChanged', (lng) => {
  localStorage.setItem('gishen_locale', lng)
  document.documentElement.lang = lng
})

document.documentElement.lang = saved

export default i18n