"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 room = require("tuikit-atomicx-vue3/room");
const useRoomSidePanel = require("../../hooks/useRoomSidePanel.js");
const IconButton = require("../base/IconButton.vue2.js");
const _hoisted_1 = { class: "operate-list" };
const _hoisted_2 = { class: "operate-item-text" };
const _hoisted_3 = { class: "operate-item-text" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  setup(__props) {
    const { t } = uikitBaseComponentVue3.useUIKit();
    const { activeTab, toggleSidePanel } = useRoomSidePanel.useRoomSidePanel();
    const subtitlesVisible = vue.ref(false);
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
        vue.createElementVNode("div", null, [
          vue.createVNode(vue.unref(uikitBaseComponentVue3.Dropdown), {
            trigger: "click",
            placement: "top",
            teleported: false
          }, {
            dropdown: vue.withCtx(() => [
              vue.createElementVNode("div", _hoisted_1, [
                vue.createElementVNode("div", {
                  class: "operate-item",
                  onClick: _cache[0] || (_cache[0] = ($event) => subtitlesVisible.value = !subtitlesVisible.value)
                }, [
                  vue.createVNode(vue.unref(uikitBaseComponentVue3.IconAISubtitles), { size: 18 }),
                  vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(subtitlesVisible.value ? vue.unref(t)("AITools.SubtitlesClose") : vue.unref(t)("AITools.SubtitlesOpen")), 1)
                ]),
                vue.createElementVNode("div", {
                  class: "operate-item",
                  onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(toggleSidePanel)(vue.unref(useRoomSidePanel.RoomTabKey).AIToolsRealtimeMessageList))
                }, [
                  vue.createVNode(vue.unref(uikitBaseComponentVue3.IconAITranscription), { size: 18 }),
                  vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(activeTab) === vue.unref(useRoomSidePanel.RoomTabKey).AIToolsRealtimeMessageList ? vue.unref(t)("AITools.RealtimeMessageListClose") : vue.unref(t)("AITools.RealtimeMessageListOpen")), 1)
                ])
              ])
            ]),
            default: vue.withCtx(() => [
              vue.createVNode(IconButton.default, {
                title: vue.unref(t)("AITools.Title")
              }, {
                default: vue.withCtx(() => [
                  vue.createVNode(vue.unref(uikitBaseComponentVue3.IconAIIcon), { size: 24 })
                ]),
                _: 1
              }, 8, ["title"])
            ]),
            _: 1
          })
        ]),
        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
          subtitlesVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(room.Subtitle), { key: 0 })) : vue.createCommentVNode("", true)
        ]))
      ], 64);
    };
  }
});
exports.default = _sfc_main;
