"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
const _hoisted_1 = { class: "room-button" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  emits: ["start-room"],
  setup(__props, { emit: __emit }) {
    const { t } = uikitBaseComponentVue3.useUIKit();
    const emit = __emit;
    const handleStartRoom = () => {
      emit("start-room");
    };
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createVNode(vue.unref(uikitBaseComponentVue3.TUIButton), {
          class: "button",
          size: "large",
          type: "primary",
          icon: vue.unref(uikitBaseComponentVue3.IconCreateRoom),
          onClick: handleStartRoom
        }, {
          default: vue.withCtx(() => [
            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("Button.CreateRoom")), 1)
          ]),
          _: 1
        }, 8, ["icon"])
      ]);
    };
  }
});
exports.default = _sfc_main;
