<template>
  <fwb-navbar>
    <template #logo>
      <fwb-navbar-logo alt="Flowbite logo" image-url="/UEA.svg" link="#">
        Union Étudiante Auvergne
      </fwb-navbar-logo>
    </template>
    <template #default="{isShowMenu}">
      <fwb-navbar-collapse :is-show-menu="isShowMenu">
        <fwb-navbar-link link="#home">
          Accueil
        </fwb-navbar-link>
        <fwb-navbar-link link="#actions">
          Actions
        </fwb-navbar-link>
        <fwb-navbar-link link="#contact">
          Nous Contacter
        </fwb-navbar-link>
        <fwb-navbar-link link="#socials">
          Réseaux Sociaux
        </fwb-navbar-link>
      </fwb-navbar-collapse>
    </template>
  </fwb-navbar>
</template>

<script setup lang="ts">
import {
  FwbNavbar,
  FwbNavbarCollapse,
  FwbNavbarLink,
  FwbNavbarLogo
} from 'flowbite-vue'
</script>