import { useDictLangs as m, openBlock as s, createElementBlock as o, createBaseVNode as t, renderSlot as v, Fragment as c, renderList as u, normalizeClass as _, unref as i, dictLang as l, normalizeStyle as f, toDisplayString as a, withDirectives as k, vModelSelect as g, languages as h, isRef as b } from "./composables-Ci32s3jE.js";
const x = { class: "flex flex-wrap w-full items-center bg-light-900 dark-bg-dark-600 gap-1" }, y = /* @__PURE__ */ t("div", { class: "flex-1" }, null, -1), w = { class: "flex flex-wrap gap-2 m-1" }, D = ["onClick"], C = { class: "font-bold" }, S = { class: "ml-1" }, $ = ["value"], V = {
  __name: "DictPanel",
  emits: ["home", "my", "authors"],
  setup(B) {
    const p = m();
    return (d, r) => (s(), o("div", x, [
      t("div", {
        class: "p-2 cursor-pointer font-bold",
        onClick: r[0] || (r[0] = (e) => d.$emit("home"))
      }, "Dictionary"),
      v(d.$slots, "default"),
      y,
      t("div", w, [
        (s(!0), o(c, null, u(i(p), (e, n) => (s(), o("button", {
          class: _(["button uppercase cursor-pointer text-sm flex", { active: n == i(l) }]),
          key: n,
          style: f({ order: -e }),
          onClick: (L) => l.value = n
        }, [
          t("div", C, a(n), 1),
          t("div", S, a(e), 1)
        ], 14, D))), 128))
      ]),
      k(t("select", {
        class: "m-2 p-2 w-30 rounded-lg dark-bg-dark-200",
        "onUpdate:modelValue": r[1] || (r[1] = (e) => b(l) ? l.value = e : null)
      }, [
        (s(!0), o(c, null, u(i(h), (e) => (s(), o("option", {
          key: e,
          value: e.code
        }, a(e.native), 9, $))), 128))
      ], 512), [
        [g, i(l)]
      ])
    ]));
  }
};
export {
  V as default
};
//# sourceMappingURL=DictPanel-flHDZgO_.js.map
