// src/i18n.ts
import i18n from "i18next"
import { initReactI18next } from "react-i18next"
import LanguageDetector from "i18next-browser-languagedetector"

import enTranslation from "./locales/en.json"
import esTranslation from "./locales/es.json"

i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    resources: {
      en: { translation: enTranslation },
      es: { translation: esTranslation },
    },
    fallbackLng: "en",
    interpolation: {
      escapeValue: false,
    },
    detection: {
      // Puedes personalizar el orden de detección si lo deseas
      order: ["querystring", "localStorage", "navigator"],
      caches: ["localStorage"],
    },
  })

export default i18n
