<script lang="ts">
  import Login from "./paginas/login.svelte";
  import { Router, Route, link } from 'svelte-routing';
  import MenuPage from './paginas/menu.svelte';
  import ProteRoute from './Componentes/RutaProtegida.svelte';
  import InfoPage from './paginas/info.svelte';
  import InqPage from "./paginas/inquilino.svelte";
  import PropPage from "./paginas/propietario.svelte";
  import FrontAdmin from "./paginas/grupos/AdminG.svelte";
  import FrontEstadistica from "./paginas/grupos/EstadisticaG.svelte";
  import FrontInquilino from "./paginas/grupos/InquilinoG.svelte";
  import FrontPropietario from "./paginas/grupos/PropietarioG.svelte";
    import PublicarPropiedad from "./paginas/PublicarPropiedad.svelte";
</script>

<Router>
  <!-- Plantilla path
  <Route path="">
    <ProteRoute componente={}/>
  </Route>
  -->

  <Route path="/" component={Login} />
  <Route path="/Info" component={InfoPage} />


  <Route path="/Menu">
     <ProteRoute componente={MenuPage} />
  </Route>

  <!--Publicar Propiedad-->
  <Route path="/accion/1">
    <ProteRoute componente={PublicarPropiedad}/>
  </Route>

  <!--Crear Cuenta Inquilino-->
  <Route path="/accion/4">
    <ProteRoute componente={InqPage}/>
  </Route>

  <!--Crear Cuenta Propietario-->
  <Route path="/accion/5">
    <ProteRoute componente={PropPage}/>
  </Route>

  <Route path="/grupo/Inquilino">
    <ProteRoute componente={FrontInquilino}/>
  </Route>
  <Route path="/grupo/Propietario">
    <ProteRoute componente={FrontPropietario}/>
  </Route>
  <Route path="/grupo/Admin">
    <ProteRoute componente={FrontAdmin}/>
  </Route>
  <Route path="/grupo/Estadistica">
    <ProteRoute componente={FrontEstadistica}/>
  </Route>

</Router>

