<template>
  <sd-quill-reader
    v-if="html"
    :class="{ [$style.content]: true, [$style.noDivider]: noDivider }"
    :value="html"
  />
</template>

<script>
import components from './_import-components/sd-form-item-help-import'

export default {
  name: 'SdFormItemHelp',
  components,
  props: {
    html: {
      type: String,
      default: undefined,
    },
    noDivider: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {}
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.content {
  color: $text-color;
}
:global(.has-error) .content,
:global(.sd-readonly) .content {
  border-top: 1px dashed #ddd;
}
.content.no-divider {
  border-top: none;
}
</style>
