import c from "classnames";
import a from "react";
import { i18nInstance as g, getAvailableLanguageMap as m, changeLanguage as s } from "./accelbyte-widgets58.mjs";
import { LanguageSelectorIcon as u } from "./accelbyte-widgets359.mjs";
import n from "./accelbyte-widgets360.mjs";
n["top-right"];
const h = ({ className: r, isDisabled: l }) => {
  const o = g.language, t = m();
  return /* @__PURE__ */ a.createElement("div", { className: c(n.languageSelector, "languageSelector", r) }, /* @__PURE__ */ a.createElement(u, null), /* @__PURE__ */ a.createElement(
    "select",
    {
      disabled: l,
      onChange: (e) => {
        s(e.target.value);
      },
      value: o
    },
    Object.keys(t).map((e) => /* @__PURE__ */ a.createElement("option", { key: e, value: e }, t[e]))
  ));
};
export {
  h as LanguageSelector
};
