开发reacttypescriptui
React 组件实现
根据 UI 描述生成类型安全、可访问的 React 组件骨架。
提示词
请实现以下 React 组件（TypeScript + 函数组件）。
**组件名**：{Name}
**UI 描述**：{布局、状态、交互}
**设计约束**：{Tailwind / 无内联样式 / 需支持 dark mode}
**可访问性**：{键盘、ARIA 要求}
请输出：
1. Props 类型定义与默认值说明
2. 组件代码（含必要子组件拆分建议）
3. 使用示例（JSX）
4. 边界情况处理（loading、empty、error）
5. 可选：简单测试用例列表（describe/it 标题即可）
遵循项目常见模式；不要引入未要求的重型依赖。将 {花括号} 中的占位符替换为你的实际内容后再发送。