<template>
  <div class="n-radius-md n-p-4 n-stepper-footer">
    <slot name="default" :stepperProps="stepperProps" />
  </div>
</template>

<script>
import { defineComponent } from "vue";

export default defineComponent({
  name: "NStepperFooter",
  inject: ["steps", "currentStep", "next", "prev", "goTo"],
  computed: {
    stepperProps() {
      return {
        currentStep: this.currentStep,
        goTo: this.goTo,
        next: this.next,
        prev: this.prev,
      };
    },
  },
});
</script>

<style scoped>
@import url("./n-stepper-footer.css");
</style>
