text: /** @format */
  
  import Head from "next/head";
  import styles from "../styles/conpeitou.module.css";
  import Header from "./header";
  import LeftNav from "./leftNav";
  import Footer from "./footer";
  
  export default function Layout(props) {
    return (
      <div>
        <Head>
          <meta httpEquiv="content-language" content="ja" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <meta httpEquiv="X-UA-Compatible" content="ie=edge" />
  
          <meta name="description" content="{うすゆきのポートフォリオです。}" />
          <title>{props.title_prefix} | うすゆきポートフォリオ</title>
          {/* ogp */}
          <meta property="og:title" content="うすゆきポートフォリオ" />
          <meta
            property="og:description"
            content="うすゆきのポートフォリオです。"
          />
          <meta property="og:type" content="website" />
          <meta property="og:url" content="https://pf.usuyuki.net/" />
          <meta
            property="og:image"
            content="https://pf.usuyuki.net//img/ogp.png"
          />
          {/* <meta property="fb:app_id"      content="" /> */}
          <meta name="twitter:card" content="summary" />
          <meta name="twitter:site" content="@usuyuki26" />
          <meta name="twitter:creator" content="@usuyuki26" />
          {/* google font */}
          {/* <link rel="preconnect" href="https://fonts.googleapis.com" />
          <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
          <link
            href="https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Rampart+One&display=swap"
            rel="stylesheet"
          /> */}
          {/* まてりある */}
          {/* フォントはnextjsとgoogleの最適化で早いが、アイコンは個人保持の方が早い */}
          {/* <link
            href="https://fonts.googleapis.com/icon?family=Material+Icons"
            rel="stylesheet"
          /> */}
          {/* ふぁびこん */}
          <link
            rel="apple-touch-icon"
            type="image/png"
            href="/img/favicon/apple-touch-icon-180x180.png"
          />
          <link
            rel="icon"
            type="image/png"
            href="/img/favicon/icon-192x192.png"
          />
        </Head>
        {/* ↓overflow-hiddenはつかえない。position stickyが壊れる */}
        <div className="flex justify-center  relative ">
          <LeftNav />
          <div id="pageTop">
            <Header pageTitle={props.pageTitle} />
            <main>{props.children}</main>
          </div>
        </div>
        <Footer />
      </div>
    );
  }
  