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