import { defineComponent, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode } from "vue";
import { useUIKit, IconExpand } from "@tencentcloud/uikit-base-component-vue3";
import IconButtonH5 from "../base/IconButtonH5.vue2.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "MoreButton",
  props: {
    showMoreMenu: { type: Boolean }
  },
  emits: ["toggle-more-menu"],
  setup(__props, { emit: __emit }) {
    const { t } = useUIKit();
    const props = __props;
    const emit = __emit;
    function handleToggleMoreMenu() {
      emit("toggle-more-menu", !props.showMoreMenu);
    }
    return (_ctx, _cache) => {
      return openBlock(), createBlock(IconButtonH5, {
        class: "more-button-h5",
        title: unref(t)("RoomMore.Title"),
        onClick: handleToggleMoreMenu
      }, {
        default: withCtx(() => [
          createElementVNode("span", {
            class: normalizeClass({ "icon-rotate": __props.showMoreMenu, "icon-container": true })
          }, [
            createVNode(unref(IconExpand), { size: 24 })
          ], 2)
        ]),
        _: 1
      }, 8, ["title"]);
    };
  }
});
export {
  _sfc_main as default
};
