import { Layout } from "antd";
import { Outlet } from "react-router-dom";
import { MainHeader } from "./MainHeader";
import { MainFooter } from "./MainFooter";
import { MainProvider } from "./MainProvider";

const { Content } = Layout;

export function MainLayout() {
	return (
		<MainProvider>
			<Layout className="min-h-screen  bg-gray-100">
				<MainHeader />
				<Content className="mt-16 bg-gray-200 ">
					<Outlet />
				</Content>
				<MainFooter />
			</Layout>
		</MainProvider>
	);
}
