import Script from "next/script";

interface GoogleAnalyticsProps {
  tgmid: string;
}

export default function GoogleAnalytics({ tgmid }: GoogleAnalyticsProps) {
  if (!tgmid) return null;

  return (
    <>
      <Script
        id="ga-gtag"
        async
        src={`https://www.googletagmanager.com/gtag/js?id=${tgmid}`}
      />
      <Script
        id="ga-config"
        strategy="afterInteractive"
        dangerouslySetInnerHTML={{
          __html: `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '${tgmid}');
          `,
        }}
      />
    </>
  );
}