summaryrefslogtreecommitdiff
path: root/src/components/Global/AccessDeniedAlert.vue
blob: c40ec937ec30d2119f88177a8f5292ac671ef8a9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<template>
  <b-row class="d-flex">
    <b-col sm="6">
      <alert
        variant="danger"
        :small="true"
        class="mt-4"
        v-bind="ariaLabel ? { 'aria-label': ariaLabel } : {}"
      >
        <p class="col-form-label">
          {{ $t('global.accessDeniedAlert.message') }}
        </p>
      </alert>
    </b-col>
  </b-row>
</template>

<script>
import Alert from '@/components/Global/Alert';

export default {
  name: 'AccessDeniedAlert',
  components: {
    Alert,
  },
  props: {
    // Optional label for screen readers to provide page-specific context,
    // e.g. "Serial Over LAN access denied".
    ariaLabel: {
      type: String,
      default: null,
    },
  },
};
</script>