generic quartz component for layout

quartz/components/Header.tsx

@@ -1,20 +1,10 @@
-import { resolveToRoot } from "../path"
-import Darkmode from "./Darkmode"
 import style from './styles/header.scss'
+import { QuartzComponentProps } from "./types"
 
-export interface HeaderProps {
-  title: string
-  slug: string
-}
-
-export default function Header({ title, slug }: HeaderProps) {
-  const baseDir = resolveToRoot(slug)
+export default function Header({ children }: QuartzComponentProps) {
   return <header>
-    <h1><a href={baseDir}>{title}</a></h1>
-    <div class="spacer"></div>
-    <Darkmode />
+    {children}
   </header>
 }
 
-Header.beforeDOMLoaded = Darkmode.beforeDOMLoaded
-Header.css = style + Darkmode.css
+Header.css = style