# MediumTriggerSelect - 中号触发选择项

## 说明

中号触发选择项，用于 `ContainerWithGap` 两列布局中，点击后触发选择操作（如弹出 Drawer 供用户选择模式）。右侧自带上下箭头图标。

## 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| **title** | 主标题 | `string` | - | 是 |
| **subtitle** | 副标题 | `string` | - | 否 |
| **leadingIcon** | 左侧图标 | `React.ReactElement<SvgProps>` | - | 否 |
| **disabled** | 禁用状态 | `boolean` | `false` | 否 |
| **onPress** | 点击回调 | `() => void` | - | 否 |

## 使用示例

```tsx
import { MediumTriggerSelect } from 'mhui-rn';
import { ContainerWithGap } from 'mhui-rn';

<ContainerWithGap>
  <MediumTriggerSelect
    title="模式"
    subtitle="制冷"
    leadingIcon={<CoolIcon />}
    onPress={() => openModeDrawer()}
  />
  <MediumTriggerSelect
    title="风速"
    subtitle="自动"
    leadingIcon={<WindIcon />}
    onPress={() => openWindDrawer()}
  />
</ContainerWithGap>
```

## 注意事项

- 通常与 `ContainerWithGap` 两列布局配合使用
- 标题最多显示 3 行，超出截断
- 禁用态通过 colorToken 语义色实现，不使用 opacity