import { resolveComponent as t, openBlock as r, createElementBlock as m, createElementVNode as p, createVNode as c, Fragment as f, renderList as u, unref as d, createBlock as h, withCtx as x } from "vue";
import { useRooms as k } from "./composables-5f691338.js";
const w = { class: "flex flex-col mb-4" }, v = { class: "flex flex-wrap gap-4 my-4" }, B = {
  __name: "RoomList",
  emits: ["browse"],
  setup(C) {
    const { rooms: a } = k();
    return (s, n) => {
      const l = t("room-form"), _ = t("post-action-react"), i = t("room-card");
      return r(), m("div", w, [
        p("div", v, [
          c(l, {
            onRoom: n[0] || (n[0] = (e) => s.$emit("browse", e))
          }),
          (r(!0), m(f, null, u(d(a), (e, o) => (r(), h(i, {
            key: o,
            style: { flex: "1 1 200px" },
            pub: o,
            onClick: (b) => s.$emit("browse", o)
          }, {
            default: x(() => [
              c(_, {
                authors: e,
                hash: o,
                tag: "rooms"
              }, null, 8, ["authors", "hash"])
            ]),
            _: 2
          }, 1032, ["pub", "onClick"]))), 128))
        ])
      ]);
    };
  }
};
export {
  B as default
};
//# sourceMappingURL=RoomList-105195ec.js.map
