Use Layout component

2022-10-07 23:36:57 +02:00
parent 28c50f1d4f
commit 2d11de3432
3 changed files with 39 additions and 32 deletions
--- a/components/Blog/Layout.tsx
+++ b/components/Blog/Layout.tsx
@ -0,0 +1,25 @@
+import type { NextPage } from "next";
+import Head from "next/head";
+import Navigation from "./Navigation";
+
+interface ILayoutProps {
+    title?: string;
+}
+
+const Layout: NextPage<ILayoutProps> = ({ title, children }) => {
+    return <>
+        <Head>
+            <title>{title ?? "c0ntroller.de"}</title>
+        </Head>
+        <div id={"blogBody"}>
+            <header>
+                <Navigation />
+            </header>
+            <main>
+                { children }
+            </main>
+        </div>
+    </>;
+};
+
+export default Layout;