<template>
  <div class="rich-html-node" v-html="html"></div>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  node: {
    type: Object,
    default: () => ({})
  }
})

const html = computed(() => String(props.node?.content_payload?.html || ''))
</script>

<style scoped lang="scss">
.rich-html-node {
  font-size: 14px;
  color: #344054;
  line-height: 1.8;
  word-break: break-word;
}
</style>
