<template>
    <div class="text-body-2 mb-2">
        <div v-if="showInput">
            <span>
                {{ __(confirmText) }}
            </span>

            <span class="font-weight-bold">
                {{ securityText }}
            </span>
            
            <v-text-field
                dense
                hide-details="auto"
                outlined
                v-model="securityValue"
            >
            </v-text-field>    
        </div>
    </div>
</template>

<script>
    export default {

        props: {
            confirmText: {default: 'Pentru a putea șterge introduceți textul'},
            securityText: {default: 'delete'},
            value: {default: null},
            showInput: {default: true},
        },

        computed: {
            securityValue: {
                get: function() {
                    return this.value;
                },

                set: function(value) {
                    this.$emit('input', value);
                }
            },
        },

        name: 'CsConfirmDelete',
    }
</script>