import "./App.css";
import NP from "./components/NP";
import Finance from "./components/finance";
import Health from "./components/health";

import { Routes, Route, Switch, Link } from "react-router-dom";
function App() {
  return (
    <div>
        <Link to={"/nationalparks"}>National Parks</Link>
        <Link to={"/finances"}>Finance</Link>
        <Link to={"/health"}>Health</Link>
      
      <Routes>
        <Route exact path="/" element={<NP />} style={{'color': 'red'}} />
        <Route exact path="/nationalparks" element={<NP />} />
        <Route exact path="/finances" element={<Finance />} />
        <Route exact path="/health" element={<Health />} />
      </Routes>
    </div>
  );
}

export default App;