<script setup lang="ts">

//ToDo:
// add logic to check if something is scheduled or not
// then switch between muted or error
const color = "error";
</script>

<template>
  <v-sheet
      :width="100"
      border
      rounded
      :color="color"
  >
    {{ $t('header.onair') }}
  </v-sheet>
</template>

<style scoped>
  div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem;
  }
</style>