"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 IconButtonH5 = require("../base/IconButtonH5.vue2.js");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "MoreButton",
  props: {
    showMoreMenu: { type: Boolean }
  },
  emits: ["toggle-more-menu"],
  setup(__props, { emit: __emit }) {
    const { t } = uikitBaseComponentVue3.useUIKit();
    const props = __props;
    const emit = __emit;
    function handleToggleMoreMenu() {
      emit("toggle-more-menu", !props.showMoreMenu);
    }
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createBlock(IconButtonH5.default, {
        class: "more-button-h5",
        title: vue.unref(t)("RoomMore.Title"),
        onClick: handleToggleMoreMenu
      }, {
        default: vue.withCtx(() => [
          vue.createElementVNode("span", {
            class: vue.normalizeClass({ "icon-rotate": __props.showMoreMenu, "icon-container": true })
          }, [
            vue.createVNode(vue.unref(uikitBaseComponentVue3.IconExpand), { size: 24 })
          ], 2)
        ]),
        _: 1
      }, 8, ["title"]);
    };
  }
});
exports.default = _sfc_main;
