import { defineComponent as r, resolveComponent as _, openBlock as t, createElementBlock as o, createVNode as a, createElementVNode as e, toDisplayString as m, unref as u, TransitionGroup as f, withCtx as b, Fragment as v, renderList as k, createBlock as x } from "vue";
import { useGuests as h } from "./composables-5f691338.js";
const C = { class: "p-4" }, S = {
  key: 0,
  class: "flex items-center"
}, y = /* @__PURE__ */ e("div", { class: "flex-1" }, null, -1), E = {
  key: 1,
  class: "flex flex-col"
}, g = { class: "flex items-center p-2" }, A = /* @__PURE__ */ e("div", { class: "font-bold" }, "SELECT A USER", -1), B = /* @__PURE__ */ e("div", { class: "flex-1" }, null, -1), D = { class: "p-0" }, q = { class: "flex flex-wrap gap-3" }, V = /* @__PURE__ */ r({
  __name: "AccountSelect",
  props: {
    pub: { type: String, default: "OKrDaDeD8VeA27d673RqlodSnebnaDq6Ci23Ys_ABWE.q8fI2lkxO46R8TMjeUeAf7I0yBS5mdH_Cb9_285Wkqk" }
  },
  emits: ["update:pub"],
  setup(n) {
    const { guests: d, count: p } = h();
    return (l, c) => {
      const i = _("account-badge");
      return t(), o("div", C, [
        n.pub ? (t(), o("div", S, [
          a(i, { pub: n.pub }, null, 8, ["pub"]),
          y,
          e("div", {
            class: "i-la-times mr-2 cursor-pointer",
            onClick: c[0] || (c[0] = (s) => l.$emit("update:pub", ""))
          })
        ])) : (t(), o("div", E, [
          e("div", g, [
            A,
            B,
            e("div", D, m(u(p).total), 1)
          ]),
          e("div", q, [
            a(f, { name: "fade" }, {
              default: b(() => [
                (t(!0), o(v, null, k(u(d), (s) => (t(), x(i, {
                  key: s.pub,
                  pub: s.pub,
                  onClick: ($) => l.$emit("update:pub", s.pub)
                }, null, 8, ["pub", "onClick"]))), 128))
              ]),
              _: 1
            })
          ])
        ]))
      ]);
    };
  }
});
export {
  V as default
};
//# sourceMappingURL=AccountSelect-555bd93f.js.map
