import { FC } from "react";
import { PageHeader } from "./PageHeader";
import { PageFooter } from "./PageFooter";

export interface MainProps {
    children: React.ReactNode;
}

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>