<!--
Env bar

Barre d'alerte qui s'affiche lorsque l'utilisateur n'est pas dans un environnement de production
-->

<template>
  <UiSystemBar
    v-if="show"
    :text="$t('not_production_environment', { env: env })"
    icon="fas fa-exclamation-triangle"
    class="theme-warning"
    style="z-index: 1005"
  />
  <!--
  Le z-index est précisé pour éviter cette erreur : https://github.com/vuetifyjs/nuxt-module/issues/205
  Il pourra être retiré dès que le bug aura été corrigé
  -->
</template>

<script setup lang="ts">
const runtimeConfig = useRuntimeConfig()

const env = runtimeConfig.public.env ?? 'unknown'
const show = env !== 'production'
</script>
