{"size": 1516, "ext": "js", "max_stars_repo_path": "components/layout.js", "max_stars_repo_name": "eusholli/guess", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/layout.js", "max_issues_repo_name": "eusholli/guess", "max_issues_repo_issues_event_min_datetime": "2021-12-09T01:41:01.000Z", "max_issues_repo_issues_event_max_datetime": "2021-12-09T01:41:01.000Z", "max_forks_repo_path": "components/layout.js", "max_forks_repo_name": "eusholli/guess", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 27.0714285714, "max_line_length": 103, "alphanum_fraction": 0.5547493404}
import Head from "next/head";
import Link from "next/link";
import LoginButton from "./login";
import React from "react";
import PropTypes from "prop-types";

export default function Layout(props) {
  return (
    <main className="flex-col">
      <Head>
        <meta charSet="utf-8" />
        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
        <meta
          name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
        />
        <meta name="description" content="Description" />
        <meta name="keywords" content="Keywords" />
        <title>Guess!</title>
      </Head>

      <header className="section flex justify-between items-center">
        <div className="text-3xl">
          <Link href={"/"}>
            <a>Guess!</a>
          </Link>
        </div>
        <div>
          <LoginButton />
        </div>
      </header>

      {props.children}

      <footer className="section flex justify-between items-center">
        <div className="text-xs text-gray-200 leading-normal">
          <Link href={"/privacy"}>
            <a>Privacy Policy</a>
          </Link>
        </div>
        <div className="text-xs text-gray-200 leading-normal">
          Geoff Hollingworth
          <br />
          <a href={"https://github.com/eusholli/guess"}>
            {"https://github.com/eusholli/guess"}
          </a>
        </div>
      </footer>
    </main>
  );
}

Layout.propTypes = {
  children: PropTypes.node,
};
