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