{"size": 788, "ext": "js", "max_stars_repo_path": "packages/gatsby-theme-patternfly-org/templates/fullscreenMDX.js", "max_stars_repo_name": "jenny-s51/patternfly-org", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "packages/gatsby-theme-patternfly-org/templates/fullscreenMDX.js", "max_issues_repo_name": "jenny-s51/patternfly-org", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "packages/gatsby-theme-patternfly-org/templates/fullscreenMDX.js", "max_forks_repo_name": "jenny-s51/patternfly-org", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.2666666667, "max_line_length": 57, "alphanum_fraction": 0.6687817259}
import React from 'react';
import { Helmet } from 'react-helmet';
import { LiveProvider, LivePreview } from 'react-live';
import { useMDXScope } from 'gatsby-plugin-mdx/context';
import { transformCode } from '../helpers/transformCode';
import './fullscreen.css';

const FullscreenWrapper = ({ children }) => (
  <main className="ws-site-root">
    {children}
  </main> 
);

const FullscreenMDXTemplate = ({ pageContext }) => (
  <React.Fragment>
    <Helmet>
      <title>{pageContext.title}</title>
    </Helmet>
    <LiveProvider
      scope={useMDXScope()}
      code={pageContext.code}
      transformCode={code => transformCode(code, 'jsx')}
    >
      <LivePreview Component={FullscreenWrapper} />
    </LiveProvider>
  </React.Fragment>
);

export default FullscreenMDXTemplate;
