import Navbar from "../components/Layout/Navbar/Navbar"
import Footer from "../components/Layout/Footer"

type Props = {
  children: React.ReactNode
}

export default function MainLayout({ children }: Props) {
  return (
    <div className="min-h-screen flex flex-col bg-background text-text">
      {/* Navbar fixed + full width */}
      <Navbar />

      {/* Content: navbar yüksekliği kadar boşluk */}
      <main className="flex-1 bg-background pt-14">
        <div className="max-w-[1400px] mx-auto px-4">
          {children}
        </div>
      </main>

      {/* Footer */}
      <div className="bg-surface border-t border-border">
        <div className="max-w-[1400px] mx-auto px-4 py-4">
          <Footer />
        </div>
      </div>
    </div>
  )
}
