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