{"size": 401, "ext": "js", "max_stars_repo_path": "src/components/layout/header.js", "max_stars_repo_name": "julund/starter", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/layout/header.js", "max_issues_repo_name": "julund/starter", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/layout/header.js", "max_forks_repo_name": "julund/starter", "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": 40.1, "max_line_length": 122, "alphanum_fraction": 0.6209476309}
const Header = props => (
    <header className="flex-grow-0 z-30 p-4 bg-gray-900">
        <div className="container mx-auto md:px-4">
            <span className="font-title text-xl my-2 text-gray-200">Starter</span>
            <span className="font-body text-base my-2 text-gray-400"> ~ Next.js &amp; tailwind.css starter template</span>
            </div>
    </header>
);

export default Header;