import React from "react";
import {
  Link,
  NavLink,
  Outlet,
} from "react-router-dom";
import "./Index.css";
const App = () => {
  return (
    <div>
        <nav className="c-main-nav">
            <p style={{marginRight: 50}}><Link to="/">Whitebox</Link></p>
            <div className="c-main-nav__main">
              <NavLink to="connecties">Verbindingen</NavLink>
              <NavLink to="registraties">Registratieverzoeken</NavLink>
            </div>
        </nav>
        <div className="c-main-content">
              <Outlet/>
          </div>
    </div>
  )
};

export default App;