<script setup>
  import logoDefault from '/img/logos/logo_orchestre_red.svg'
  import agendaRouge from '@/assets/img/icones/agenda_rouge.svg'
  import ticket from '@/assets/img/icones/ticket_black.svg'
  import mobile_agenda_icon from '@/assets/img/icones/agenda_rouge_fonce_blanc.svg'
  import mobile_ticket from '@/assets/img/icones/ticket_white.svg'
  const { brand } = useAppConfig()

</script>

<template>
  <HeaderNav burger-color="hamburger_black">
    <template #logo>
      <NuxtImg :src="logoDefault" :alt="brand.logoAlt" class="logo-img" />
    </template>

    <template #agenda-icon>
      <img :src="agendaRouge" alt="icone agenda" />
    </template>
    <template #ticket>
        <img class="img_ticket" :src="ticket" alt="icone ticket" />
    </template>
    <template #mobile_agenda_icon>
        <img :src="mobile_agenda_icon" alt="icone ticket" />
    </template>
    <template #mobile_ticket>
        <img :src="mobile_ticket" alt="icone ticket" />
    </template>
  </HeaderNav>
</template>

<style lang="scss">

</style>