<script setup lang="ts">
import type { LearningContentWithCompletion } from "@/types";

const props = defineProps<{
  nextLearningContent: LearningContentWithCompletion | undefined;
}>();
</script>

<template>
  <router-link
    class="btn-blue mt-2 pl-6"
    :to="nextLearningContent?.continueUrl ?? '/'"
    data-cy="lp-continue-button"
    translate
  >
    <span>
      {{
        props.nextLearningContent?.firstInCircle
          ? $t("general.start")
          : $t("general.nextStep")
      }}
    </span>
  </router-link>
</template>
