import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, createElementVNode } from "vue";
import { useUIKit, TUIDropdown, TUIButton, IconCreateRoom, IconArrowStrokeRight } from "@tencentcloud/uikit-base-component-vue3";
import { RoomType } from "tuikit-atomicx-vue3/room";
const _hoisted_1 = { class: "dropdown-content" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  emits: ["start-room"],
  setup(__props, { emit: __emit }) {
    const { t } = useUIKit();
    const emit = __emit;
    const handleStartRoom = (roomTRype) => {
      emit("start-room", roomTRype);
    };
    return (_ctx, _cache) => {
      return openBlock(), createBlock(unref(TUIDropdown), {
        trigger: "click",
        placement: "top",
        class: "room-button"
      }, {
        dropdown: withCtx(() => [
          createElementVNode("div", _hoisted_1, [
            createElementVNode("div", {
              class: "dropdown-item",
              onClick: _cache[0] || (_cache[0] = () => handleStartRoom(unref(RoomType).Standard))
            }, [
              createElementVNode("span", null, toDisplayString(unref(t)("Button.CreateConference")), 1),
              createVNode(unref(IconArrowStrokeRight), { size: "12" })
            ]),
            createElementVNode("div", {
              class: "dropdown-item",
              onClick: _cache[1] || (_cache[1] = () => handleStartRoom(unref(RoomType).Webinar))
            }, [
              createElementVNode("span", null, toDisplayString(unref(t)("Button.CreateWebinar")), 1),
              createVNode(unref(IconArrowStrokeRight), { size: "12" })
            ])
          ])
        ]),
        default: withCtx(() => [
          createVNode(unref(TUIButton), {
            class: "button",
            size: "large",
            type: "primary",
            icon: unref(IconCreateRoom)
          }, {
            default: withCtx(() => [
              createTextVNode(toDisplayString(unref(t)("Button.CreateRoom")), 1)
            ]),
            _: 1
          }, 8, ["icon"])
        ]),
        _: 1
      });
    };
  }
});
export {
  _sfc_main as default
};
