import { defineComponent as m, ref as f, resolveComponent as p, openBlock as s, createElementBlock as l, createElementVNode as e, toDisplayString as i, unref as n, createVNode as u, TransitionGroup as _, withCtx as b, Fragment as k, renderList as h, createBlock as x } from "vue";
import { useMates as g, user as v } from "./composables-5f691338.js";
const C = { 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" }, j = /* @__PURE__ */ e("div", { class: "flex-1" }, null, -1), B = { class: "mr-2 font-bold" }, D = { class: "flex flex-wrap bg-light-500 dark-bg-dark-200 rounded-xl p-2" }, O = /* @__PURE__ */ m({
  __name: "MateList",
  props: {
    pub: { type: String, default: "OKrDaDeD8VeA27d673RqlodSnebnaDq6Ci23Ys_ABWE.q8fI2lkxO46R8TMjeUeAf7I0yBS5mdH_Cb9_285Wkqk" }
  },
  emits: ["browse"],
  setup(t) {
    const r = g(t.pub);
    return f(!0), (c, q) => {
      const d = p("mate-link");
      return s(), l("div", C, [
        e("div", w, [
          e("div", y, i(t.pub == n(v).pub ? "My mates" : "Mates"), 1),
          j,
          e("div", B, i(Object.keys(n(r)).length), 1)
        ]),
        e("div", D, [
          u(_, { name: "fade" }, {
            default: b(() => [
              (s(!0), l(k, null, h(n(r), (a, o) => (s(), x(d, {
                key: o,
                emoji: a.emoji,
                back: a.back,
                to: o,
                from: t.pub,
                onClick: (S) => c.$emit("browse", o)
              }, null, 8, ["emoji", "back", "to", "from", "onClick"]))), 128))
            ]),
            _: 1
          })
        ])
      ]);
    };
  }
});
export {
  O as default
};
//# sourceMappingURL=MateList-29ea9d06.js.map
