import { PropsWithChildren } from "react";
import { Navbar } from "../components/Navbar";

export const MainLayout = ({ children }: PropsWithChildren) => {
  return (
    <div className="w-full">
      <Navbar />
      <div className="mt-4 w-fit mx-auto bg-amber-800/20 text-amber-600 px-4 py-2 rounded-md font-bold">
        Under construction 👷‍♂️
      </div>
      <main className="xl:p-10 p-4 px-10 xl:mx-0">{children}</main>
    </div>
  );
};
