import i18n from "i18next"
import { initReactI18next } from "react-i18next"
import LanguageDetector from "i18next-browser-languagedetector"

// Import translation files
import BritishEnglishTranslations from "./locales/BritishEnglish.json"
import SimplifiedChineseTranslations from "./locales/SimplifiedChinese.json"

const resources = {
  "en-GB": {
    translation: BritishEnglishTranslations as Record<string, unknown>,
  },
  "zh-CN": {
    translation: SimplifiedChineseTranslations as Record<string, unknown>,
  },
} as const

void i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    resources,
    fallbackLng: "en-GB",
    debug: import.meta.env.DEV,

    interpolation: {
      escapeValue: false, // React already does escaping
    },

    detection: {
      order: ["localStorage", "navigator", "htmlTag"],
      caches: ["localStorage"],
    },
  })

export default i18n