next-google-translate-widget/dist/index.js

A simple Next.js/React component for integrating Google Translate Widget with customizable language options.

// src/index.tsx
import { useEffect } from "react";
import { jsx } from "react/jsx-runtime";
var GoogleTranslate = ({
  pageLanguage = "en",
  includedLanguages = "hi,en"
}) => {
  useEffect(() => {
    window.googleTranslateElementInit = function() {
      if (!window.google?.translate) return;
      new window.google.translate.TranslateElement(
        {
          pageLanguage,
          includedLanguages,
          layout: window.google.translate.TranslateElement.InlineLayout.SIMPLE
        },
        "google_translate_element"
      );
    };
    if (!document.getElementById("google-translate-script")) {
      const script = document.createElement("script");
      script.id = "google-translate-script";
      script.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
      script.async = true;
      document.body.appendChild(script);
    }
  }, []);
  return /* @__PURE__ */ jsx("div", { id: "google_translate_element" });
};
var index_default = GoogleTranslate;
export {
  index_default as default
};