<script setup>
  import {ref} from 'vue'
  import AisAlert from '../AisAlert.vue';
  import AisButton from '@c/button/AisButton.vue'
  const showAlert = ref(true);
</script>

<template>
  <div>
    <AisAlert
        title="Dismissible"
        v-model="showAlert"
        dismissible
    >
      Click the close icon to dismiss this alert.
    </AisAlert>
    <transition name="alert-fade">
      <AisButton v-show="!showAlert"
          variant="secondary"
          @click="showAlert = !showAlert"
          press fast hover
      >
        Show alert
      </AisButton>
    </transition>
  </div>
</template>

