<script setup>
defineProps({
  message: {
    type: String,
    required: true,
  },
  type: {
    type: String,
    default: 'success',
  },
  duration: {
    type: Number,
    default: 1500,
  },
})
</script>

<template>
  <div class="toast toast-top toast-end">
    <div class="alert alert-success">
      <div>
        <span flex items-center><div :class="$props.type === 'success' ? 'i-carbon:checkmark-outline' : ''" />{{ $props.message }}</span>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>

</style>
