import "./App.css";
import Cookbook from "./pages/Cookbook.tsx";
import RecipePage from "./pages/RecipePage.tsx";
import AddRecipe from "./pages/AddRecipe.tsx";
import NavBar from "./components/NavBar.tsx";
import { Routes, Route } from "react-router-dom";

function App() {
  return (
    <>
      <NavBar />
      <main className="main-content">
        <Routes>
          <Route path="/" element={<Cookbook />} />
          <Route path="/recipe/:id" element={<RecipePage />} />
          <Route path="/add-recipe" element={<AddRecipe />} />
        </Routes>
      </main>
    </>
  );
}
export default App;
