<template>
  <b-overlay :show="false" rounded="sm">
    <b-card
        :title="cardTitle"
        class="m-2"
    >
      <b-card-text>
        Could not read device data!
      </b-card-text>

      <b-button variant="success" class="mr-1">Bring online</b-button>
      <b-button variant="danger" class="mr-1">Bring offline</b-button>
      <b-button variant="warning" class="mr-1">Manual alert</b-button>
    </b-card>
  </b-overlay>
</template>

<script>
export default {
  name: "SingleDeviceBuzgerator",
  props: {
    'device_id': {
      type: String
    }
  },
  computed: {
    cardTitle() {
      return `Device: ${this.device_id}`
    }
  }
}
</script>

<style scoped>

</style>