<file_sep>import React from "react";

function SobreNos(){
    return(
        <h1>Pagina Sobre Nós</h1>
    );
};

export default SobreNos;<file_sep>
import {BrowserRouter, Switch, Route, Link} from "react-router-dom";

export default function Navegacao(){
    return(
    <nav class="navbar navbar-dark bg-dark">
    <nav class="nav nav-pills flex-column flex-sm-row justify-content-end">
        <Link class="flex-sm-fill text-sm-center nav-link " to="/">Cadastrar</Link>
        <Link class="flex-sm-fill text-sm-center nav-link" to="/editar">Editar</Link>
        <Link class="flex-sm-fill text-sm-center nav-link" to="/buscar">Buscar</Link>
        <a class="flex-sm-fill text-sm-center nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
    </nav>
</nav>
    )
};<file_sep>import React from "react";
// import React, {useState, useEffect } from react;    
import {BrowserRouter, Switch, Route, Link} from "react-router-dom";

import Cadastrar from "./pages/Cadastrar";
import Editar from "./pages/Editar";
import Buscar from "./pages/Buscar";
import SobreNos from "./pages/SobreNos";
import reactDom from "react-dom";

function Routes () {
  

    // useEffect(() => {
    //     fetch("http://localhost:3001/dados-pessoais")
    //       .then(response => response.json())
    //       .then(dados-pessoais => console.log(dados-pessoais));
    //   }, [])
    


    return(
        <BrowserRouter>
            <Switch>
                <Route path= "/" exact component={Cadastrar} />
                <Route path="/editar" component={Editar} />
                <Route path="/buscar" component={Buscar} />
                <Route path="/sobre-nos" component={SobreNos} />
            </Switch>
        </BrowserRouter>
    );
};

export default Routes;
