'use client';

import Script from 'next/script';

const GA_MEASUREMENT_ID = 'G-1E9WF6B13X';

export default function GoogleAnalytics() {
  return (
    <>
      <Script
        id="ga-minimal"
        strategy="afterInteractive"
        dangerouslySetInnerHTML={{
          __html: `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '${GA_MEASUREMENT_ID}', {
              send_page_view: true,
              anonymize_ip: true,
              cookie_flags: 'SameSite=None;Secure',
              transport_type: 'beacon'
            });
          `
        }}
      />
      
      <Script
        strategy="afterInteractive"
        src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
        onLoad={() => {
          console.log('Google Analytics loaded');
        }}
      />
    </>
  );
}