import { defineComponent, unref, openBlock, createBlock, withCtx, createElementVNode, createCommentVNode } from "vue";
import Index from "../Chat/index/index.mjs";
import MasterApplyControl from "../RoomFooter/ApplyControl/MasterApplyControl/index.mjs";
import index from "../ManageMember/index.mjs";
import popup from "../common/base/PopUpH5.vue.mjs";
import useSideBar from "./useSideBarHooks.mjs";
import ChatEditor from "../Chat/ChatEditor/index.mjs";
const _hoisted_1 = { style: { "height": "100%" } };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "indexH5",
  setup(__props) {
    const { title, sidebarName, showSideBar } = useSideBar();
    return (_ctx, _cache) => {
      return unref(showSideBar) ? (openBlock(), createBlock(popup, {
        key: 0,
        title: unref(title),
        class: "sidebar-container-mobile"
      }, {
        sidebarContent: withCtx(() => [
          createElementVNode("div", _hoisted_1, [
            unref(sidebarName) === "chat" ? (openBlock(), createBlock(unref(Index), { key: 0 })) : createCommentVNode("", true),
            unref(sidebarName) === "manage-member" ? (openBlock(), createBlock(unref(index), { key: 1 })) : createCommentVNode("", true),
            unref(sidebarName) === "apply" ? (openBlock(), createBlock(unref(MasterApplyControl), { key: 2 })) : createCommentVNode("", true)
          ])
        ]),
        sidebarFooter: withCtx(() => [
          createElementVNode("div", null, [
            unref(sidebarName) === "chat" ? (openBlock(), createBlock(unref(ChatEditor), { key: 0 })) : createCommentVNode("", true)
          ])
        ]),
        _: 1
      }, 8, ["title"])) : createCommentVNode("", true);
    };
  }
});
export {
  _sfc_main as default
};
