<template>
    <v-tooltip bottom :color="color">
        <template v-slot:activator="{ on, attrs }">
            <v-icon 
                small 
                :color="color"
                v-bind="attrs"
                v-on="on"
            >
                {{  icon  }}
            </v-icon>
        </template>

        <span>
            {{ __(message) }}
        </span>
    </v-tooltip>
</template>

<script>
    export default {
        
        props: {
            color: {default: 'red'},
            icon: {default: 'mdi-alert'},
            message: {default: 'Tooltip message'},
        },

        name: 'CsIconTooltip',
    }
</script>