<template>
  <v-col v-if="alertMessage" cols="12" mt-1 mb-2>
    <v-alert
      ref="alertBox"
      data-cy="alertbox"
      v-show="alertMessage"
      color="primary"
      icon="$ayiInfoCircle"
      class="multi-line"
      outlined
      >{{ alertMessage }}</v-alert
    >
  </v-col>
</template>
<script>
export default {
  data: () => ({}),
  props: {
    alertMessage: { type: String, default: null }
  }
};
</script>
