mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-06-30 21:26:37 -04:00
next-mdx-remote v4 (#737)
This commit is contained in:
34
components/Layout/Layout.tsx
Normal file
34
components/Layout/Layout.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
import Head from "next/head";
|
||||
import { useTheme } from "next-themes";
|
||||
import Header from "../Header/Header";
|
||||
import Footer from "../Footer/Footer";
|
||||
import { themeColors } from "../../lib/config";
|
||||
import type { ReactNode } from "react";
|
||||
|
||||
import styles from "./Layout.module.css";
|
||||
|
||||
type Props = {
|
||||
children: ReactNode;
|
||||
};
|
||||
|
||||
const Layout = ({ children }: Props) => {
|
||||
const { resolvedTheme } = useTheme();
|
||||
|
||||
return (
|
||||
<>
|
||||
{resolvedTheme && (
|
||||
<Head>
|
||||
<meta name="theme-color" content={themeColors[resolvedTheme]} />
|
||||
</Head>
|
||||
)}
|
||||
|
||||
<Header />
|
||||
<main className={styles.main}>
|
||||
<div className={styles.container}>{children}</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Layout;
|
Reference in New Issue
Block a user