import NavBar from '@/components/navbar';
import Footer from '@/components/footer';

import "../globals.css";

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>): React.JSX.Element {
  return (
    <>
      <NavBar/>
      <main className="px-6 py-4 w-full flex-1 align-middle overflow-y-scroll scrollbar scrollbar-thumb-dracula-purple scrollbar-track-dracula-bg-light">
        <div className="mx-auto w-full align-middle lg:max-w-5xl ">
          {children}
        </div>
      </main>
      <Footer/>
    </>
  );
}