<template>
    <cs-btn 
        outlined
        position="bottom"
        icon="mdi-chevron-right"
        color="primary"
        caption="Înainte"
        tooltip="Trecere la pasul următor"

        :disabled="disabled || stepper.step.hasErrors"

        :click="OnClickNext"
    />
</template>

<script>
    export default {
        props: {
            stepper: {required: true},
            disabled: {default: false},
        },

        methods: {
            OnClickNext() {
                this.stepper.GoToNextStep();
            }
        },

        components: {
            CsBtn: require('@CsVueComp/buttons/CsBtn').default,
        },

        name: 'StepperBtnNext',
    }
</script>