text: import React, { useEffect } from 'react'
  import { Switch, Route } from 'react-router-dom'
  import Navigation from './components/Navigation'
  import Reporte from './components/InConsole'
  import TablaSimbolos from './components/TablaSimbolos'
  import TablaErrores from './components/TablaErrores'
  import Gramatical  from './components/Gramatical'
  import TablaOptimizacion from './components/TablaOptimizacion'
  
  const Routes = () => {
      useEffect(()=>{
          document.title="TytusX|G31"
      })
      return (
          <Switch>
              <Route exact path = "/" component={Navigation}/>
              <Route exact path = "/tytusx/20211SVAC/G31" component={Navigation}/>
              <Route exact path = "/tytusx/20211SVAC/G31/reporte" component={Reporte}/>
              <Route exact path = "/tytusx/20211SVAC/G31/reporteTabla" component={TablaSimbolos}/>
              <Route exact path = "/tytusx/20211SVAC/G31/reporteErrores" component={TablaErrores}/>
              <Route exact path = "/tytusx/20211SVAC/G31/reporteGramatical" component={Gramatical}/>
              <Route exact path = "/tytusx/20211SVAC/G31/reporteOptimizacion" component={TablaOptimizacion}/>
              {/* <Route exact path = "/mywebsite" component={Navigation}/>
              <Route exact path = "/mywebsite/reporte" component={Reporte}/>
              <Route exact path = "/mywebsite/reporteTabla" component={TablaSimbolos}/>
              <Route exact path = "/mywebsite/reporteErrores" component={TablaErrores}/> */}
          </Switch>
      );
  }
  
  
  export default Routes;
  