import { defineComponent as c, useMates as m, ref as f, openBlock as r, createElementBlock as d, createBaseVNode as e, toDisplayString as i, unref as t, user as u, createVNode as p, withCtx as b, Fragment as _, renderList as k, createBlock as h, TransitionGroup as x } from "./composables-Ci32s3jE.js";
import { MateLink as g } from "./components.js";
const v = { class: "flex flex-col" }, w = { class: "flex p-4 bg-light-900 dark-bg-dark-200 rounded-xl mb-2 items-center cursor-pointer shadow-sm hover-shadow-md transition" }, y = { class: "text-lg font-bold" }, B = /* @__PURE__ */ e("div", { class: "flex-1" }, null, -1), C = { class: "mr-2 font-bold" }, M = { class: "flex flex-wrap bg-light-500 dark-bg-dark-200 rounded-xl p-2" }, L = /* @__PURE__ */ c({
  __name: "MateList",
  props: {
    pub: { type: String, default: "OKrDaDeD8VeA27d673RqlodSnebnaDq6Ci23Ys_ABWE.q8fI2lkxO46R8TMjeUeAf7I0yBS5mdH_Cb9_285Wkqk" }
  },
  emits: ["browse"],
  setup(o) {
    const a = m(o.pub);
    return f(!0), (l, D) => (r(), d("div", v, [
      e("div", w, [
        e("div", y, i(o.pub == t(u).pub ? "My mates" : "Mates"), 1),
        B,
        e("div", C, i(Object.keys(t(a)).length), 1)
      ]),
      e("div", M, [
        p(x, { name: "fade" }, {
          default: b(() => [
            (r(!0), d(_, null, k(t(a), (n, s) => (r(), h(t(g), {
              key: s,
              emoji: n.emoji,
              back: n.back,
              to: s,
              from: o.pub,
              onClick: (q) => l.$emit("browse", s)
            }, null, 8, ["emoji", "back", "to", "from", "onClick"]))), 128))
          ]),
          _: 1
        })
      ])
    ]));
  }
});
export {
  L as default
};
//# sourceMappingURL=MateList-6SsUwPQl.js.map
