{"size": 701, "ext": "js", "max_stars_repo_path": "components/PageStyle.js", "max_stars_repo_name": "jamiearonson/next-react-complete-boiler", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/PageStyle.js", "max_issues_repo_name": "jamiearonson/next-react-complete-boiler", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/PageStyle.js", "max_forks_repo_name": "jamiearonson/next-react-complete-boiler", "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": 20.6176470588, "max_line_length": 68, "alphanum_fraction": 0.5905848787}
// @flow
import * as React from 'react'
import Head from 'next/head'

// - Emulate React Native
// - https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss

type PageStyleProps = {
  backgroundColor: string,
}

const PageStyle = ({ backgroundColor }: PageStyleProps) => (
  <div>
    <Head>
      <meta name="theme-color" content={backgroundColor} />
    </Head>
    <style jsx global>{`
      html {
        background-color: ${backgroundColor};
        -webkit-text-size-adjust: 100%;
      }
      * {
        border-width: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        text-decoration: none;
      }
    `}</style>
  </div>
)

export default PageStyle
