# 何时使用

- 对话应用首屏：欢迎文案 + 快捷场景（`Suggestion`）+ 底部输入条
- 需要可配置头部（头像、标题、描述）、中部卡片与底部免责声明
- 不适用：无「欢迎页」语义的普通表单页

---

# API

| 属性      | 类型              | 是否必传 | 说明 |
| --------- | ----------------- | -------- | ---- |
| header    | `HeaderConfig`    | 否       | 顶部区域 |
| content   | `ContentConfig`   | 否       | 中部（标题 + 建议列表等） |
| footer    | `React.ReactNode` | 否       | 底部，默认文案「内容由AI生成，仅供参考」 |
| children  | `React.ReactNode` | 否       | 自定义主体（如绝对定位的输入框） |
| className | `string`          | 否       | |
| style     | `React.CSSProperties` | 否   | |

### HeaderConfig

| 属性        | 类型              | 默认（实现内） | 说明 |
| ----------- | ----------------- | -------------- | ---- |
| avatar      | `React.ReactNode` | -              | |
| title       | `React.ReactNode` | `'欢迎使用AI助手'` | |
| description | `React.ReactNode` | `'选择下方场景快速开始对话'` | |

### ContentConfig（`Partial` 包裹的字段）

| 字段       | 类型 | 说明 |
| ---------- | ---- | ---- |
| title      | `string` | 区块标题 |
| suggestion | `Pick<SuggestionsProps, 'items' \| 'onClick' \| 'variant'>` | 快捷指令，见 `Suggestion` 组件 |
| card       | `boolean` | 是否卡片样式 |

---

# FAQ

- `content.suggestion` 与 `Suggestion` 组件 props 对齐，图标可使用 `@alipay/sofa-icons`。