import { Html, Head, Main, NextScript } from "next/document";
import * as gtag from "../lib/gtag";

export default function Document() {
  return (
    <Html lang='en'>
      <Head />
      <body>
        <Main />
        <NextScript />
        {/* Google Tag Manager(gtm) - Google Analytics */}
        <noscript
          dangerouslySetInnerHTML={{
            __html: `<iframe src="https://www.googletagmanager.com/ns.html?id=${gtag.ALL_WEBSITES_GTM_ID}" height="0" width="0" style="display: none; visibility: hidden;" />`,
          }}
        />
        <noscript
          dangerouslySetInnerHTML={{
            __html: `<iframe src="https://www.googletagmanager.com/ns.html?id=${gtag.GTM_ID}" height="0" width="0" style="display: none; visibility: hidden;" />`,
          }}
        />
      </body>
    </Html>
  );
}
