<style scoped>
    .question {
      padding: 0.5em;
    }

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

<template>
    <div class="question">
        <p>{{ question }}</p>
        <button v-bind:key="answer" v-for="answer in answers">{{ answer }}</button>
        <router-link style="text-decoration:none" to="/questionnaire">
          <button class="alert">Ich brauche Hilfe zu dieser Frage</button>
        </router-link>
    </div>
</template>

<script>
    export default {
        name: "Question",
        props: {
            question: String,
            answers: Array
        }
    }
</script>

