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

export const MainLayout = ({ children }: PropsWithChildren) => {
  return (
    <div className="w-11/12 lg:w-2/3 m-auto overflow-x-hidden">
      <Navbar />
      <main className="xl:p-10 p-6 xl:mt-10 mt-4">{children}</main>
    </div>
  );
};
