<script lang="ts">
    import { Navbar, NavbarBrand, NavbarToggler, NavItem, Nav, NavLink, Collapse } from "@sveltestrap/sveltestrap";
    let isOpen = false;
    function handleUpdate(event) {
      isOpen = event.detail.isOpen;
    }
</script>


<Navbar container="xxl" expand="md" color="dark-subtle">
  <NavbarBrand href="/">
    AlquilaFacil
  </NavbarBrand>
  <NavbarToggler on:click={() => (isOpen = !isOpen)} />
  <Collapse isOpen={isOpen} navbar expand="md" on:update={handleUpdate}>
    <Nav class="ms-auto" navbar>
      <NavItem>
        <NavLink href="/">Login</NavLink>
      </NavItem>
      <NavItem>
        <NavLink href="/Info">Preguntas Frecuentes</NavLink>
      </NavItem>
    </Nav>
  </Collapse>
</Navbar>
