{"size": 393, "ext": "js", "max_stars_repo_path": "src/components/layout.js", "max_stars_repo_name": "TylerOlsen14/SaltyGatsby", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/layout.js", "max_issues_repo_name": "TylerOlsen14/SaltyGatsby", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/layout.js", "max_forks_repo_name": "TylerOlsen14/SaltyGatsby", "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": 28.0714285714, "max_line_length": 87, "alphanum_fraction": 0.6157760814}
import React from "react"
import Header from "./header"
import logo from "../images/logo.jpg"
import './layout.css'

export default ({ children }) => (
  <div style={{ margin: `1rem auto`, maxWidth: 650, maxHeight:50, padding: `0.1rem` }}>
  <div className="header">
    <img src={logo} style={{ width: 42, height: 42, marginTop: ".1rem" }} />
    <Header />
  </div>
    {children}
  </div>
)