<template>
    <div>
        <template>
            <v-tooltip 
                bottom
                :disabled="disabled"
            >
                <template 
                    v-slot:activator="{ on, attrs }"
                >
                    <v-chip 
                        v-bind="attrs"
                        v-on="on"
                        :small="small"
                    >
                        {{ dataprovider[field] }}
                    </v-chip>
                </template>

                <span class="text-caption">
                    {{ __(tooltip) }}
                </span>
            </v-tooltip>
            <slot></slot>
        </template>
    </div>
</template>

<script>

    export default {
        props: {
            dataprovider: {required: true},
            small: {default: false},
            tooltip: {default: 'Număr de înregistrări'},
            size: {default: 32},
            showProgress: {default: true},
            field: {default: 'initialRecordsCount'},
            disabled: {default: false},
        },

        name: 'CsRecordsCount',
    }
</script>