<template>
  <div
    v-if="isRecording"
    class="fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50"
  >
    <div class="bg-white dark:bg-gray-800 rounded-lg p-6 flex items-center gap-4 shadow-xl">
      <div class="w-4 h-4 bg-red-500 rounded-full animate-pulse"></div>
      <span class="text-lg font-medium text-gray-800 dark:text-gray-200">正在录音... 松开发送</span>
    </div>
  </div>
</template>

<script setup>
import {inject} from 'vue';
import {useRecording} from "../composables/useRecording.ts";

// 使用录音组合式函数
const {isRecording} = useRecording();
</script>
