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