import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, unref, withCtx } from "vue";
import { useUIKit, IconSetting } from "@tencentcloud/uikit-base-component-vue3";
import IconButtonH5 from "../base/IconButtonH5.vue2.mjs";
import SettingPopup from "./SettingPopup.vue2.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  setup(__props) {
    const { t } = useUIKit();
    const isSettingPopupVisible = ref(false);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(Fragment, null, [
        createVNode(IconButtonH5, {
          title: unref(t)("Settings.Title"),
          onClick: _cache[0] || (_cache[0] = ($event) => isSettingPopupVisible.value = true)
        }, {
          default: withCtx(() => [
            createVNode(unref(IconSetting), { size: "24" })
          ]),
          _: 1
        }, 8, ["title"]),
        isSettingPopupVisible.value ? (openBlock(), createBlock(SettingPopup, {
          key: 0,
          onClose: _cache[1] || (_cache[1] = ($event) => isSettingPopupVisible.value = false)
        })) : createCommentVNode("", true)
      ], 64);
    };
  }
});
export {
  _sfc_main as default
};
