<template>
  <div :style="{ color: color }">
    <!-- 保留图标位注释 -->
    <!-- <a-icon type="info-circle" class="x-icon-warning-outline" /> -->
    <span>{{ placeholder }}</span>
  </div>
</template>

<script>
export default {
  name: 'Description',
  model: {
    prop: 'value',
    event: 'update:value'
  },
  props: {
    color: {
      type: String,
      default: '#868686'
    },
    mode: {
      type: String,
      default: 'DESIGN'
    },
    placeholder: {
      type: String,
      default: '只是一段说明文字'
    },
    readerMode: {
      type: Boolean,
      default: false
    },
    value: {
      type: String,
      default: ''
    }
  },
  computed: {
    internalValue: {
      get() {
        return this.value;
      },
      set(val) {
        this.$emit('update:value', val);
      }
    }
  }
};
</script>

<style scoped>
/* 你可以保留 icon 的类名以便后续插入图标 */
.x-icon-warning-outline {
  margin-right: 6px;
  color: #faad14;
}
</style>
