<style scoped>
  .warning {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 1em;
  }

  h1, p {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
</style>

<template>
  <div class="warning">
    <div>
      <h1>Hinweis</h1>
      <p>
        Dieser Test geht auf Ihr Verhalten ein und gibt Ihnen Tipps, 
        wie Sie eine Infektion vermeiden können. Wenn Sie vermuten, 
        dass Sie bereits infiziert sind, rufen Sie den ärztlichen 
        Bereitschaftsdienst unter 116117 an.
      </p>
    </div>
    <router-link v-on:click="this.$store.commit('startWithFirstQuestion')" style="text-decoration:none" to="/questionnaire"><button>Ich möchte weiter zum Test</button></router-link>
  </div>
</template>