<!--
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"
      background-color="ot-warning"
      text-color="ot-white" />
</template>

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

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