<template>
  <div
    v-bind:class="'alert-' + type"
    class="p-1"
  >
    {{ message }}
  </div>
</template>

<script>
    export default {
        name: "AlertBox",
        props: {
            type: {
                type: String,
                required: true,
                default: 'success',
            },
            message: {
                type: String,
                required: true,
                default: 'message',
            },
        }
    }
</script>
