import React, { useEffect } from 'react'

export default function WhatsAppTracker() {
    useEffect(() => {
        // Função para detectar cliques em links do WhatsApp
        const trackWhatsAppClicks = () => {
            // Encontra todos os links que contêm wa.me ou whatsapp
            const whatsappLinks = document.querySelectorAll('a[href*="wa.me"], a[href*="whatsapp"], a[href*="api.whatsapp"]')
            
            whatsappLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    // Registra a conversão ANTES do redirecionamento
                    try {
                        // Seu código de tracking do Google Analytics/Facebook
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'conversion', {
                                'send_to': 'AW-16546555348/v23pCKTsiNIaENTLgdI9',
                                'value': 1.0,
                                'currency': 'BRL'
                            })
                        }
                        
                        // Para Facebook Pixel (se usar)
                        if (typeof fbq !== 'undefined') {
                            fbq('track', 'Lead')
                        }
                        
                        console.log('✅ Conversão WhatsApp registrada!')
                    } catch (error) {
                        console.log('⚠️ Erro no tracking:', error)
                    }
                })
            })
        }

        // Executa quando a página carrega
        trackWhatsAppClicks()
        
        // Re-executa se novos elementos forem adicionados (para SPAs)
        const observer = new MutationObserver(trackWhatsAppClicks)
        observer.observe(document.body, { 
            childList: true, 
            subtree: true 
        })

        // Cleanup
        return () => observer.disconnect()
    }, [])

    // Componente invisível
    return <div style={{ display: 'none' }} />
}