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