import Document, { Head, Html, Main, NextScript } from 'next/document';
class MyDocument extends Document {
  render(): JSX.Element {
    return (
      <Html lang="ru">
        <Head />
          <body className="bg-white dark:bg-black text-gray-900 dark:text-white">
            <script type="text/javascript"
              dangerouslySetInnerHTML={{
                __html: `
                  (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
                  m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
                  (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
                  ym(89626868, "init", {
                        clickmap:true,
                        trackLinks:true,
                        accurateTrackBounce:true
                  });
                  `,
                  }}
            />
            <Main />
            <NextScript />
        </body>
      </Html>
    );
  }
}

export default MyDocument;
