<template>
  <div class="notification is-light" :class="`is-${type}`">
    <button class="delete" @click="show = false" />
    <slot />
  </div>
</template>

<script setup lang="ts">
defineProps({
  type: { type: String, default: "info" },
  modelValue: { type: Boolean, default: false },
})
const show = useModel("modelValue")
</script>
