import { resolveComponent as c, openBlock as f, createElementBlock as h, createElementVNode as k, toDisplayString as g, unref as t, renderSlot as y, createVNode as l } from "vue";
import { useUser as v, useColor as x, useWord as D, useDictRecordsFor as b, letterFilter as C, dictRecord as W } from "./composables-5f691338.js";
import { _export_sfc as S } from "./_plugin-vue_export-helper-6a641814.js";
const w = { class: "flex items-center px-2 py-1 rounded-lg bg-light-700 dark-bg-dark-400 cursor-pointer capitalize" }, B = { class: "text-xl" }, E = {
  __name: "DictWordCard",
  props: {
    hash: { type: String, default: "" }
  },
  emits: ["def"],
  setup(e) {
    const o = e, { user: a } = v();
    x("light");
    const { word: _ } = D(o.hash), s = b(o.hash);
    return (n, r) => {
      var i, d;
      const p = c("dict-link-list"), u = c("dict-link-button");
      return f(), h("div", w, [
        k("div", B, g(t(C)(t(_))), 1),
        y(n.$slots, "default", {}, void 0, !0),
        l(p, {
          links: t(s),
          onDef: r[0] || (r[0] = (m) => n.$emit("def", m))
        }, null, 8, ["links"]),
        l(u, {
          hash: e.hash,
          type: "word",
          my: (d = (i = t(s)) == null ? void 0 : i[t(W).def]) == null ? void 0 : d[t(a).pub]
        }, null, 8, ["hash", "my"])
      ]);
    };
  }
}, V = /* @__PURE__ */ S(E, [["__scopeId", "data-v-106f3c72"]]);
export {
  V as default
};
//# sourceMappingURL=DictWordCard-20ee1276.js.map
