<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';

const isRecording = inject('isRecording');
</script>
