---
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>