"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 _hoisted_1 = { class: "audio-level-container" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "AudioIcon",
  props: {
    userId: {},
    audioVolume: {},
    isMuted: { type: Boolean },
    size: {},
    isDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const audioLevelStyle = vue.computed(() => {
      if (props.isMuted || !props.audioVolume) {
        return "";
      }
      return `height: ${props.audioVolume * 4}%`;
    });
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", {
        class: vue.normalizeClass(["audio-icon-container", { "small": props.size === "small" }])
      }, [
        vue.createElementVNode("div", _hoisted_1, [
          vue.createElementVNode("div", {
            class: "audio-level",
            style: vue.normalizeStyle(audioLevelStyle.value)
          }, null, 4)
        ]),
        props.isMuted ? (vue.openBlock(), vue.createBlock(vue.unref(uikitBaseComponentVue3.IconMicOff), {
          key: 0,
          class: "audio-icon",
          size: "24"
        })) : (vue.openBlock(), vue.createBlock(vue.unref(uikitBaseComponentVue3.IconMicOn), {
          key: 1,
          class: "audio-icon",
          size: "24"
        }))
      ], 2);
    };
  }
});
exports.default = _sfc_main;
