{"size": 899, "ext": "js", "max_stars_repo_path": "gatsby-browser.js", "max_stars_repo_name": "rathesDot/rathes.me", "max_stars_repo_stars_event_min_datetime": "2020-03-09T13:33:40.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-01T09:14:38.000Z", "max_issues_repo_path": "gatsby-browser.js", "max_issues_repo_name": "rathesDot/rathes.me", "max_issues_repo_issues_event_min_datetime": "2019-08-02T05:21:39.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-19T16:34:42.000Z", "max_forks_repo_path": "gatsby-browser.js", "max_forks_repo_name": "rathesDot/rathes.me", "max_forks_repo_forks_event_min_datetime": "2020-01-15T13:40:51.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-12T11:25:24.000Z"}
{"max_stars_count": 10, "max_issues_count": 151, "max_forks_count": 9, "avg_line_length": 23.0512820513, "max_line_length": 75, "alphanum_fraction": 0.6395995551}
import React from "react"
import { MDXProvider } from "@mdx-js/react"

import {
  Heading,
  Link,
  OrderedList,
  Paragraph,
  Quote,
  Separator,
} from "./src/components"

import "prism-themes/themes/prism-atom-dark.css"

const H1 = ({ children }) => <Heading level="heading1">{children}</Heading>
const H2 = ({ children }) => <Heading level="heading2">{children}</Heading>
const H3 = ({ children }) => <Heading level="heading3">{children}</Heading>
const H4 = ({ children }) => <Heading level="heading4">{children}</Heading>

const components = {
  h1: H1,
  h2: H2,
  h3: H3,
  h4: H4,
  hr: Separator,
  p: Paragraph,
  ol: OrderedList,
  blockquote: Quote,
  a: ({ children, ...props }) => (
    <Link underlined color="white" {...props}>
      {children}
    </Link>
  ),
}

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