"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 SettingPopup = require("./SettingPopup.vue2.js");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  setup(__props) {
    const { t } = uikitBaseComponentVue3.useUIKit();
    const isSettingPopupVisible = vue.ref(false);
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
        vue.createVNode(IconButtonH5.default, {
          title: vue.unref(t)("Settings.Title"),
          onClick: _cache[0] || (_cache[0] = ($event) => isSettingPopupVisible.value = true)
        }, {
          default: vue.withCtx(() => [
            vue.createVNode(vue.unref(uikitBaseComponentVue3.IconSetting), { size: "24" })
          ]),
          _: 1
        }, 8, ["title"]),
        isSettingPopupVisible.value ? (vue.openBlock(), vue.createBlock(SettingPopup.default, {
          key: 0,
          onClose: _cache[1] || (_cache[1] = ($event) => isSettingPopupVisible.value = false)
        })) : vue.createCommentVNode("", true)
      ], 64);
    };
  }
});
exports.default = _sfc_main;
