import { defineComponent, createElementBlock, openBlock, createVNode, unref, withCtx } from "vue";
import { RoomView, RoomLayoutTemplate } from "tuikit-atomicx-vue3/room";
import ParticipantViewUI from "./ParticipantViewUI/index.vue2.mjs";
const _hoisted_1 = { class: "room-layout-view-h5" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  setup(__props) {
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createVNode(unref(RoomView), {
          "layout-template": unref(RoomLayoutTemplate).MobileLayout
        }, {
          participantViewUI: withCtx(({ participant, streamType }) => [
            createVNode(ParticipantViewUI, {
              participant,
              "stream-type": streamType
            }, null, 8, ["participant", "stream-type"])
          ]),
          _: 1
        }, 8, ["layout-template"])
      ]);
    };
  }
});
export {
  _sfc_main as default
};
