//Stateless functional component es esta función que es contante y no cambia, como seria nuestro menu...

import { Link } from "react-router-dom";//Necesitas esto para poder usar Link en vez de aNchor tags y que no se mande el request al servidor para que los componentes hagan toda la pagina, lo que es mucho mucho mas rapido

const Navbar = () => {
  return (
    <nav className="navbar">
      <h1>ACD´s React</h1>
      <div className="links">
        <Link to="/">1. Uso Basico</Link>
        <Link to="/hooks">2. Hooks y Click Events</Link>
        <Link to="/arrays">3. Arrays, subcomponentes y conexiones a BDD</Link>
        <Link to="/input">4. Inputs y forms</Link>
        <Link to="/base">0. Archivo Base React</Link>
      </div>
    </nav>
  );
}
 
export default Navbar;