"use client"

import { useEffect } from "react"

/**
 * Preloads the notification audio file to ensure it's ready when needed
 */
export function AudioPreloader() {
  useEffect(() => {
    // Preload the audio file
    const audio = new Audio('/notification.mp3')
    audio.preload = 'auto'
    
    // Try to load it immediately
    try {
      const loadPromise = audio.load();
      if (loadPromise !== undefined) {
        loadPromise.catch(err => {
          console.log('Audio preload failed (non-critical):', err)
        });
      }
    } catch (err) {
      console.log('Audio preload failed (non-critical):', err)
    }

    return () => {
      // Cleanup
      audio.src = ''
    }
  }, [])

  return null
}