<template>
    <div class="flex w-4/5 mx-auto justify-between">
        <div>
            <v-btn href="#" v-show="prev" @click.prevent="$emit('input', value - 1)" :disabled="!prevable">Zurück</v-btn>
        </div>
        <div>
            <v-btn href="#" v-show="next" @click.prevent="$emit('input', value + 1)" :disabled="!nextable">Weiter</v-btn>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        next: {
            type: Boolean,
            default: true
        },
        prev: {
            type: Boolean,
            default: true
        },
        value: {
            default: null
        },
        prevable: {
            type: Boolean,
            default: true
        },
        nextable: {
            type: Boolean,
            default: true
        }
    }
};
</script>
