import { Outlet } from "react-router-dom";
import Navbar from "./Navbar";
import Footer from "./Footer";

const Layout: React.FC = () => {
  return (
    <div className="app-wrapper">
      {/* Navbar */}
      <Navbar />

      {/* Main Content */}
      <main className="main-content"><Outlet /></main>

      {/* Footer */}
      <Footer />
    </div>
  );
};

export default Layout;