import { ReactNode } from 'react';
import Navbar from './Navbar';
import Footer from './Footer';

interface LayoutProps {
  children: ReactNode;
}

export default function Layout({ children }: LayoutProps) {
  return (
    <div className="min-h-screen flex flex-col bg-black text-white font-sans selection:bg-white selection:text-black">
      <Navbar />
      <main className="flex-1 flex flex-col relative w-full pt-16">
        {children}
      </main>
      <Footer />
    </div>
  );
}