import './src/styles/global.css';
import posthog from 'posthog-js';

const env = process.env.GATSBY_ACTIVE_ENV || process.env.NODE_ENV || 'development';
if (env === 'production') {
  posthog.init('HR8Gte105aCHNx2BqhL1XkbvH9kzKGptxjkbhuTj6Ek', { api_host: 'https://posthog.chuckdries.com' });
}
export const onRouteUpdate = function () {
  if (
    env === 'production' &&
    typeof window.plausible === 'object'
  ) {
    window.plausible('pageview');
    posthog.capture('$pageview');
  }
};
// import * as React from 'react';
// import { MDXProvider } from '@mdx-js/react';

// const MyH1 = props => <h1 style={{ color: 'tomato' }} {...props} />;
// const MyParagraph = props => (
//   <p style={{ fontSize: '18px', lineHeight: 1.6 }} {...props} />
// );

// const components = {
//   h1: MyH1,
//   p: MyParagraph,
// };

// export const wrapRootElement = ({ element }) => (
//   <MDXProvider components={components}>{element}</MDXProvider>
// );