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