import { defineComponent as n, inject as d, createElementBlock as e, openBlock as t, normalizeClass as r, unref as c, createCommentVNode as p, renderSlot as s, createElementVNode as i } from "vue";
const h = ["id"], u = {
  key: 0,
  class: "chat-wrapper__selected-chat"
}, f = {
  key: 1,
  style: { display: "flex", width: "100%" }
}, y = { style: { margin: "auto" } }, _ = {
  key: 2,
  class: "chat-wrapper__chat-panel"
}, C = /* @__PURE__ */ n({
  __name: "ChatWrapper",
  props: {
    isOpenChatPanel: {
      type: Boolean,
      default: !1
    },
    isSelectedChat: {
      type: Boolean,
      default: !1
    },
    chatPanelWidth: {
      type: Number,
      required: !1,
      default: 50
    },
    applyStyle: {
      type: Function,
      default: () => null
    }
  },
  setup(a) {
    const o = d("chatAppId");
    return (l, m) => (t(), e("div", {
      id: "chat-wrapper-" + c(o),
      class: r(["chat-wrapper", a.applyStyle()])
    }, [
      a.isSelectedChat ? (t(), e("div", u, [
        s(l.$slots, "default", {}, void 0, !0)
      ])) : (t(), e("div", f, [
        i("div", y, [
          s(l.$slots, "placeholder", {}, void 0, !0)
        ])
      ])),
      a.isOpenChatPanel ? (t(), e("div", _, [
        s(l.$slots, "chatpanel", {}, void 0, !0)
      ])) : p("", !0)
    ], 10, h));
  }
});
export {
  C as default
};
