import { openBlock as s, createElementBlock as o, createElementVNode as t, renderSlot as p, Fragment as c, renderList as u, unref as i, normalizeClass as f, normalizeStyle as v, toDisplayString as a, withDirectives as _, isRef as k, vModelSelect as g } from "vue";
import { useDictLangs as h, dictLang as l, languages as b } from "./composables-5f691338.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(L) {
    const m = h();
    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"),
      p(d.$slots, "default"),
      y,
      t("div", w, [
        (s(!0), o(c, null, u(i(m), (e, n) => (s(), o("button", {
          class: f(["button uppercase cursor-pointer text-sm flex", { active: n == i(l) }]),
          key: n,
          style: v({ order: -e }),
          onClick: (z) => l.value = n
        }, [
          t("div", C, a(n), 1),
          t("div", S, a(e), 1)
        ], 14, D))), 128))
      ]),
      _(t("select", {
        class: "m-2 p-2 w-30 rounded-lg dark-bg-dark-200",
        "onUpdate:modelValue": r[1] || (r[1] = (e) => k(l) ? l.value = e : null)
      }, [
        (s(!0), o(c, null, u(i(b), (e) => (s(), o("option", {
          key: e,
          value: e.code
        }, a(e.native), 9, $))), 128))
      ], 512), [
        [g, i(l)]
      ])
    ]));
  }
};
export {
  V as default
};
//# sourceMappingURL=DictPanel-4a0a5519.js.map
