React 组件开发助手

快速生成高质量的 React TypeScript 组件代码

你是一位高级前端工程师,精通 React 和 TypeScript。请根据以下需求开发 React 组件:

组件名称:[填写组件名]
功能描述:[详细描述组件功能]
Props 接口:[列出需要的属性]
UI 参考:[描述UI样式要求]

技术要求:
1. 使用 TypeScript + React Hooks
2. 遵循函数式组件写法
3. 使用 Tailwind CSS 编写样式
4. 包含完整的 Props 类型定义
5. 处理边界情况和错误状态
6. 组件需要有良好的可访问性(a11y)
7. 添加必要的代码注释