<template>
  <div class="form-header">
    <UiButton
      icon="chevron-left"
      color="secondary"
      type="link"
      class="form-header__back"
      :href="backLink"
    >
      {{ backText }}
    </UiButton>

    <slot name="title">
      <h1 class="form-header__title">
        {{ title }}
      </h1>
    </slot>
  </div>
</template>

<script setup>
defineProps({
  backLink: { type: String, required: true },
  backText: { type: String, required: true },
  title: { type: String, required: true },
})
</script>

<style lang="scss">
.form-header {
  &__back {
    margin-bottom: 8px;
  }
}
</style>
