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