<template>
    <div :class="border ? '' : 'bd-t-0 bd-r-0 bd-l-0 bd-b-0'" class="alert alert-default text-center" role="alert">
        <span class="alert-inner--icon"><i :class="icon"></i></span>
        <span class="alert-inner--text"><strong>{{ message }}</strong> </span>
    </div>
</template>
<script setup>
//#region props
const props = defineProps({
    icon: {
        type: String,
        default: 'fe fe-info'
    },
    message: {
        type: String,
        default: 'Không tìm thấy bản ghi nào!'
    },
    border: {
        type: Boolean,
        default: true
    }
});
//#endregion
</script>
<style scoped>
.alert .alert-inner--icon {
    margin-inline-end: 10px
}
</style>