<template>
  <div class="instrument-widget">
    <div class="instrument-widget__description" v-html="value.description"></div>
    <router-link class="instrument-widget__button button" tag="button"
                 :to="{name: 'instrument', params: { slug: value.slug }}">Instrument anzeigen
    </router-link>
  </div>
</template>

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

<style scoped lang="scss">
  @import "@/styles/_variables.scss";
  .instrument-widget {
    margin-bottom: $small-spacing;

    &__description {
      margin-bottom: 25px;
    }

    &__button {

    }
  }
</style>
