<template>
  <!-- eslint-disable vue/no-v-html -->
  <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>
