<template>
    <BsIcon name="info" class="bs-info-tooltip">
        <BsTooltip anchor="center right" self="center left" class="bs-tooltip" max-width="165px">
            {{ text }}
        </BsTooltip>
    </BsIcon>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { BsIcon, BsTooltip } from 'quasar-ui-bs';
export default defineComponent({
    name: "BsInfoTooltip",
    components: {
        BsIcon,
        BsTooltip,
    },
    props: {
        text: String
    }
});
</script>
<style scoped>
.bs-info-tooltip{
    color: #929292;
    display: inline;
}
</style>
<style>

.bs-tooltip {
    font-size: 14px !important;
}
</style>