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