<template>
    <v-alert
        text
        dense
        :tile="tile"
        :color="color"
        :icon="icon"
        :border="border"
        :dismissible="closable"
        class="rounded-lg text-caption ma-0"
        max-width="100%"
        @input="$emit('visible-toggle', $event)"
    >
        {{ __(message) }}
    </v-alert>
</template>

<script>
    export default {

        props: {
            color: {default: 'blue'},
            icon: {default: 'mdi-information-variant'},
            border: {default: 'left'},
            message: {required: true},
            tile: {default: true},
            closable: {default: false},
        },

        name: 'CsInfoAlert',
    }
</script>