<script lang="ts" setup>
/**
 * AI 醒目提示条：病历/处方生成记录与模态框顶部展示
 * 样式仅用主题变量，禁止 :global(.dark) 以免污染全局配色
 */
defineProps<{
  /** 完整提示文案（可含换行） */
  text?: string;
}>();
</script>

<template>
  <div v-if="text" class="ai-disclaimer" role="note">
    <div class="ai-disclaimer__title">重要提示</div>
    <div class="ai-disclaimer__body">{{ text }}</div>
  </div>
</template>

<style scoped>
.ai-disclaimer {
  border: 1px solid hsl(var(--warning) / 0.45);
  border-radius: 10px;
  background: hsl(var(--warning) / 0.12);
  padding: 10px 12px;
  color: hsl(var(--foreground));
}
.ai-disclaimer__title {
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
  color: hsl(var(--warning));
}
.ai-disclaimer__body {
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 1.55;
  color: hsl(var(--muted-foreground));
}
</style>
