<template>
  <div class="task">
    <div
      class="task__text"
      v-html="value.text"/>
  </div>
</template>

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

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

  .task {
    margin-bottom: 30px;
    align-items: start;
    background-color: $color-brand-light;
    border-radius: $default-border-radius;
  }
</style>
