Updated to Next.js 13

components/Layout.js

@@ -0,0 +1,22 @@
+import Header from "./Header";
+import Meta from './Meta'
+import styles from '../styles/Layout.module.css'
+
+export default function Layout(props) {
+  return (
+      <section
+          className={styles.layout}
+          style={{
+            backgroundColor: `${props.bgColor && props.bgColor}`,
+            color: props.pathname === "info" ? 'white' : undefined
+          }}
+      >
+        <Meta
+            siteTitle={props.siteTitle}
+            siteDescription={props.siteDescription}
+        />
+        <Header siteTitle={props.siteTitle} />
+        <div className={styles.content}>{props.children}</div>
+      </section>
+  );
+}