<style scoped>
  .help {
    padding: 1em;
  }

  button {
      width: 80%;
      margin-bottom: 5%;
  }
</style>

<template>
  <div class="help">
    <p>{{ $store.state.questions[$store.state.currentQuestion].description }}</p>
    <div class="button-wrapper">
      <router-link to="/questionnaire">
        <button>Zurück zur Frage</button>
      </router-link>
      <router-link to="/questionnaire">
        <button v-on:click="$store.commit('nextQuestion')" class="alert">Ich möchte diese Frage überspringen</button>
      </router-link>
    </div>
  </div>
</template>

<script>
  export default {
    name: "HelpPage",
    props: {
      text: String
    }
  }
</script>
