---
const { id = 'G-XXXXXXXXXX', partytown = false } = Astro.props;

const attrs = partytown ? { type: 'text/partytown' } : {};
---

<script is:inline async src={`https://www.googletagmanager.com/gtag/js?id=${id}`} {...attrs}></script>

<script is:inline define:vars={{ id }} {...attrs}>
	window.dataLayer = window.dataLayer || [];
	function gtag() {
		window.dataLayer.push(arguments);
	}
	gtag('js', new Date());
	gtag('config', id);
</script>