<template>
  <n-button text :disabled="intercomDisabled === 'loading'" @click="intercomClick">
    <template #icon>
      <Icon
        v-if="intercomDisabled === 'close'"
        icon="material-symbols:record-voice-over-outline"
        width="22"
        height="22"
      />
      <Icon
        v-else-if="intercomDisabled === 'loading'"
        icon="eos-icons:three-dots-loading"
        width="22"
        height="22"
      />
      <Icon
        v-else
        class="fade-open"
        icon="icon-park-outline:voice"
        width="22"
        height="22"
        color="red"
      />
    </template>
  </n-button>
</template>

<script setup>
  import { IntercomFn } from '@/utils/Intercom';
  
  const intercomDisabled = ref('close');

  const intercomClick = () => {
    // IntercomFn(intercomDisabled.value, props.data.id);
  };
</script>
