# SubtitleGroup - 副标题组组件

## 说明

`SubtitleGroup` 用于在同一行展示多个副标题（最多 3 个），副标题之间使用分割线隔开。

- 当 `subtitles` 为空数组时：组件返回 `null`
- 当 `subtitles.length > 3` 时：只展示前 3 个

## 入参（Props）

> 以 `SubtitleGroupProps`（`interface.ts`）为准；组件实现（`SubtitleGroup.tsx`）内部默认：`subtitles=[]`、`disabled=false`。

| 属性 | 说明 | 类型（TS） | 默认值 | 必填 |
|------|------|-----------|--------|------|
| **subtitles** | 副标题数组（最多 3 个） | `string[]` | - | 是 |
| **disabled** | 是否禁用（影响文字颜色与无障碍 state） | `boolean` | `false` | 否 |
| **accessible** | 无障碍：是否启用 | `boolean` | - | 否 |
| **accessibilityLabel** | 无障碍：朗读文本 | `string` | - | 否 |
| **accessibilityHint** | 无障碍：提示文本 | `string` | - | 否 |

## 使用示例

```tsx
import React from 'react';
import { SubtitleGroup } from '@hyperOS/components/subtitleGroup';

// 基础用法
<SubtitleGroup subtitles={['副标题1', '副标题2']} />

// 超过 3 个会被截断
<SubtitleGroup subtitles={['A', 'B', 'C', 'D']} />

// 禁用态
<SubtitleGroup subtitles={['离线', '低电量']} disabled />
```