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