import { BrowserRouter, Routes, Route } from 'react-router-dom';

import Landing from './pages/landing-page';
import OrphanagesMap from './pages/orphanages-page';
import Orphanage from './pages/Orphanage';
import CreateOrphanage from './pages/CreateOrphanage';

function AppRouter() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Landing />} />
        <Route path="/app" element={<OrphanagesMap />} />
        <Route path="/orphanages/create" element={<CreateOrphanage />} />
        <Route path="/orphanage/:id" element={<Orphanage />} />
      </Routes>
    </BrowserRouter>
  );
}

export default AppRouter;