{"size": 1453, "ext": "js", "max_stars_repo_path": "components/Page.js", "max_stars_repo_name": "scottie-schneider/nextjs-pwa", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/Page.js", "max_issues_repo_name": "scottie-schneider/nextjs-pwa", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/Page.js", "max_forks_repo_name": "scottie-schneider/nextjs-pwa", "max_forks_repo_forks_event_min_datetime": "2019-12-22T23:01:47.000Z", "max_forks_repo_forks_event_max_datetime": "2019-12-22T23:01:47.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 22.0151515152, "max_line_length": 68, "alphanum_fraction": 0.5705437027}
import React, { Component } from 'react';
import styled, { ThemeProvider } from 'styled-components';
// global styles to bump up z index of autocomplete 
import { createGlobalStyle } from 'styled-components'
import Meta from './Meta';
// /* ${dom.css()} */ (add this to global styles if it doesn't work)

// styled to bump up z index of autocomplete 
const theme = {  
  // theme goes here
}
const GlobalStyle = createGlobalStyle`
  @font-face {
      font-family: 'Fira Sans', sans-serif;    
    }
    html {
      box-sizing: border-box;
    }
    *, *:before, *:after {
      box-sizing: inherit;
    }
    body {
      padding: 0;
      margin: 0;
      font-family: 'Fira Sans', sans-serif; 
      background-color: #F7F8FA;
      width: auto!important; 
      overflow-x: hidden!important
    }
    body.active {
      overflow: hidden;
    }
    a {
      text-decoration: none;
      color: ${theme.black};
    }
    button {  font-family: 'Fira Sans', sans-serif;  }
  body {
    .pac-container {
      z-index: 1051 !important;
    }
    .modal {
      background: rgba(0, 0, 0, 0.4);
    }  
  }
`
const WrapperDiv = styled.div`
  overflow: hidden;
`

class Page extends Component {
  render() {
    return (
      <ThemeProvider theme={theme}>        
        <WrapperDiv>
          <GlobalStyle />
          <Meta />          
          {this.props.children}
        </WrapperDiv> 
      </ThemeProvider>
    )
  }
}

export default Page;
