import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
import { useState as m } from "react";
import l from "../../assets/images/language/cn.svg.mjs";
import g from "../../assets/images/language/gb.svg.mjs";
import k from "../../assets/images/language/jp.svg.mjs";
import p from "../../assets/images/language/kr.svg.mjs";
import "./index.less.mjs";
const j = ({ onChange: o = () => {
}, copy: s = "©2018-2023" }) => {
  const [i, n] = m("CHS"), c = [
    { label: "简体中文", key: "CHS", icon: l },
    { label: "Enlish", key: "ENG", icon: g },
    { label: "日本语", key: "JP", icon: k },
    { label: "한국어", key: "KR", icon: p },
    { label: "繁体中文", key: "CHT", icon: l }
  ], t = (a) => {
    n(a.key), o(a.key);
  };
  return /* @__PURE__ */ e.jsxs("div", { className: "bitzLanguageTabsBlock", children: [
    /* @__PURE__ */ e.jsx("div", { className: "languagesBox", children: c.map((a, r) => /* @__PURE__ */ e.jsx("div", { className: `item ${i == a.key ? "itemActive" : ""}`, children: /* @__PURE__ */ e.jsx(
      "img",
      {
        src: a.icon,
        alt: a.label,
        height: 16,
        onClick: () => {
          t(a);
        }
      }
    ) }, r)) }),
    /* @__PURE__ */ e.jsx("div", { className: "copyBox", children: s })
  ] });
};
export {
  j as default
};
