<template>
    <v-tooltip v-bind="$attrs" :text="text" @click.stop>
        <template v-slot:activator="{ props: activatorProps }">
            <v-btn icon="mdi-information-symbol" v-bind="activatorProps" class="p-0 m-0 d-flex align-center"
                :density="density" :size="size" color="primary-button" />
        </template>
    </v-tooltip>
</template>

<script setup lang="ts">

import type { VTooltip} from "vuetify/components"

type TTooltipDensity = VTooltip["$props"]["density"]

const props = defineProps({
    text: {
        type: String,
        default: ""
    },
     size: {
        type: String,
        default: ""
    },
    density: {
        type: String as PropType<TTooltipDensity>,
        default: "default"
    }
})

</script>

<style scoped></style>