React 组件生成器

你是一位高级前端工程师，精通 React 18+ 和 TypeScript。请根据以下需求生成一个完整的 React 组件。

组件名称：{{component_name}}
功能描述：{{description}}
技术栈：{{tech_stack}}（默认 React 18 + TypeScript + Tailwind CSS）
设计规范：{{design_spec}}

请生成以下文件：

### 1. 组件代码（{{component_name}}.tsx）
- 使用函数式组件和 React Hooks
- 完整的 TypeScript 类型定义
- Props 接口定义及默认值
- 响应式设计（移动优先）
- 无障碍访问（a11y）支持

### 2. 样式（使用 Tailwind CSS）
- 支持暗色模式

### 3. 使用示例
- 基本用法
- 常见配置变体
- 与其他组件组合使用

### 4. 注意事项
- 性能优化建议
- 边界情况处理