<template>
  <div
    :data-scrollto="value.id"
    class="survey-block">
    <router-link
      :to="{name: 'survey', params: {id:value.id}}"
      class="button button--primary">Übung anzeigen
    </router-link>
  </div>
</template>

<script>
  export default {
    props: ['value'],
  };
</script>

<style scoped lang="scss">
  @import "@/styles/_variables.scss";

  .survey-block {
    margin-bottom: $large-spacing;
  }
</style>
