'use client';

import Script from 'next/script';

export interface GoogleAnalyticsProps {
	gaId: string;
}

export default function GoogleAnalytics({ gaId }: GoogleAnalyticsProps) {
	// Only run on production
	if (process.env.NODE_ENV !== 'production') {
		return null;
	}

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