"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 _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  setup(__props) {
    const { t, setTheme, theme } = uikitBaseComponentVue3.useUIKit();
    const handleClickThemeIcon = () => {
      const newTheme = theme.value === "dark" ? "light" : "dark";
      setTheme(newTheme);
      localStorage.setItem("tuiRoom-theme", newTheme);
    };
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", {
        class: "icon-button-container",
        onClick: handleClickThemeIcon
      }, [
        vue.createVNode(vue.unref(uikitBaseComponentVue3.IconSwitchTheme), { size: "20" }),
        vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("Theme.Title")), 1)
      ]);
    };
  }
});
exports.default = _sfc_main;
