import { NavLink, Outlet } from "react-router";
import "./root.css";

export default function App() {
  return (
    <>
      <header>
        <h1>Personal Finance</h1>
        <nav>
          <ul>
            <li>
              <NavLink to="/transactions">Transactions</NavLink>
            </li>
            <li>
              <NavLink to="/banks">Banks</NavLink>
            </li>
            <li>
              <NavLink to="/categories">Categories</NavLink>
            </li>
          </ul>
        </nav>
      </header>
      <main>
        <Outlet />
      </main>
    </>
  );
}