<script setup lang="ts">
import MarkdownRender from '@/components/markdown-render/markdown-render.vue'

interface Props {
  title: string
  rawTextContent: string
}

const { rawTextContent, title } = defineProps<Props>()
</script>

<template>
  <div class="rounded-[10px] bg-[#f3f5f9] p-[14px]">
    <div class="mb-[12px]">
      <i class="iconfont icon-tongyi font-600 text-[14px] text-[#6ccb59]"></i>
      <span class="ml-[5px] text-[14px] text-[#999]">{{ title }}</span>
    </div>

    <MarkdownRender ref="markdownRenderRef" :raw-text-content="rawTextContent" dark-theme color="#fff" />
  </div>
</template>
