import { defineComponent, createElementBlock, openBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
import { useUIKit, TUIButton, IconCreateRoom } from "@tencentcloud/uikit-base-component-vue3";
const _hoisted_1 = { class: "room-button" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  emits: ["start-room"],
  setup(__props, { emit: __emit }) {
    const { t } = useUIKit();
    const emit = __emit;
    const handleStartRoom = () => {
      emit("start-room");
    };
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createVNode(unref(TUIButton), {
          class: "button",
          size: "large",
          type: "primary",
          icon: unref(IconCreateRoom),
          onClick: handleStartRoom
        }, {
          default: withCtx(() => [
            createTextVNode(toDisplayString(unref(t)("Button.CreateRoom")), 1)
          ]),
          _: 1
        }, 8, ["icon"])
      ]);
    };
  }
});
export {
  _sfc_main as default
};
