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

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