React 组件实现

请实现以下 React 组件（TypeScript + 函数组件）。

组件名：{Name} UI 描述：{布局、状态、交互} 设计约束：{Tailwind / 无内联样式 / 需支持 dark mode} 可访问性：{键盘、ARIA 要求}

请输出：

1. Props 类型定义与默认值说明
2. 组件代码（含必要子组件拆分建议）
3. 使用示例（JSX）
4. 边界情况处理（loading、empty、error）
5. 可选：简单测试用例列表（describe/it 标题即可）

遵循项目常见模式；不要引入未要求的重型依赖。