<!--
Env bar

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

<template>
  <UiSystemBar v-if="show" background-color="ot-warning" text-color="ot-white">
    <template>
      <v-icon small>fas fa-exclamation-triangle</v-icon>
      {{ $t('not_production_environment', { env }) }}
    </template>
  </UiSystemBar>
</template>

<script setup lang="ts">
  const env = process.env.NODE_ENV
  const show = (env !== 'production')
</script>

<style scoped>
.v-system-bar {
  font-size: 14px;
}

.v-icon {
  height: 20px;
  margin: 0 6px;
}
</style>
