"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('/hohoho.mp3')
    audio.preload = 'auto'
    
    // Try to load it immediately
    audio.load().catch(err => {
      console.log('Audio preload failed (non-critical):', err)
    })

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

  return null
}

