<template>
  <div class="describe-preview" :style="getAreaStyle()">
    <SerialNumberPosition :property="data.property" />
    <div class="main">
      <span class="rich-text" v-html="sanitizeHTML(data.content)"></span>
    </div>
  </div>
</template>

<script>
import { getDescribeData } from '@/views/book/courseware/data/describe';
import PreviewMixin from '../common/PreviewMixin';

export default {
  name: 'DescribePreview',
  mixins: [PreviewMixin],
  data() {
    return {
      data: getDescribeData(),
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
@use '@/styles/mixin.scss' as *;

.describe-preview {
  @include preview-base;
}
</style>
