<template>
  <v-btn
    class="ml-3"
    color="primary"
    prepend-icon="mdi-book-open-blank-variant-outline"
    text="Start Review"
    @click="startReview"
  />
</template>

<script setup lang="ts">
import { useRouter } from "vue-router"

const props = defineProps<{ flashcardDeckId: number }>()

const router = useRouter()

function startReview() {
  goToReviewPage()
}

function goToReviewPage() {
  router.push({
    name: "FlashcardDeckReviewPage",
    params: {
      flashcardDeckId: props.flashcardDeckId,
    },
  })
}
</script>
