header & footer

app/ui/Main.tsx

@@ -0,0 +1,16 @@
+import { FC } from "react";
+import { PageHeader } from "./PageHeader";
+import { PageFooter } from "./PageFooter";
+
+export interface MainProps {
+
+}
+
+export const Main:FC<MainProps> = ({ children }) =>
+<main className="flex min-h-screen flex-col bg-base-300">
+    <PageHeader />
+    <div className="mx-auto px-4">
+        {children}
+    </div>
+    <PageFooter />
+</main>