import { computed as m, resolveComponent as f, openBlock as o, createElementBlock as l, normalizeStyle as b, unref as e, createElementVNode as t, createCommentVNode as _, toDisplayString as x, Fragment as g, renderList as h, createBlock as k, renderSlot as v } from "vue";
import { useRoom as y, useBackground as w, useRoomLogo as B, currentRoom as C } from "./composables-5f691338.js";
const R = { class: "p-4 font-bold text-xl flex flex-wrap items-center flex w-full" }, S = ["src"], D = { class: "text-lg" }, q = /* @__PURE__ */ t("div", { class: "flex-1" }, null, -1), z = {
  class: "bg-light-200 bg-opacity-40 dark-bg-dark-700 dark-bg-opacity-40 backdrop-filter backdrop-blur-md flex flex-wrap relative flex gap-2 items-center",
  style: { flex: "1 1 140px" }
}, j = {
  __name: "RoomCard",
  props: {
    pub: {
      type: String,
      default: "OKrDaDeD8VeA27d673RqlodSnebnaDq6Ci23Ys_ABWE.q8fI2lkxO46R8TMjeUeAf7I0yBS5mdH_Cb9_285Wkqk"
    },
    authors: {
      type: Object,
      default: () => {
      }
    }
  },
  setup(d) {
    const r = d, { room: s } = y(r.pub), u = m(() => w({
      pub: r.pub,
      size: 400
    })), { logo: n } = B(r.pub);
    return (i, A) => {
      var a;
      const p = f("account-avatar");
      return o(), l("div", {
        class: "rounded-xl shadow-md text-sm bg-cover cursor-pointer hover-shadow-lg transition duration-300ms filter brightness-95 hover-brightness-100 flex flex-wrap overflow-hidden",
        style: b({ ...e(u), border: e(s).pub == e(C).pub ? "2px solid currentColor" : "" })
      }, [
        t("div", R, [
          e(n) ? (o(), l("img", {
            key: 0,
            class: "h-24 rounded-xl mr-2",
            src: e(n)
          }, null, 8, S)) : _("", !0),
          t("div", D, x((a = e(s).profile) == null ? void 0 : a.name), 1),
          q,
          (o(!0), l(g, null, h(e(s).hosts, (E, c) => (o(), k(p, {
            class: "m-2",
            key: c,
            pub: c,
            size: 40
          }, null, 8, ["pub"]))), 128))
        ]),
        t("div", z, [
          v(i.$slots, "default")
        ])
      ], 4);
    };
  }
};
export {
  j as default
};
//# sourceMappingURL=RoomCard-18cffa06.js.map
