UIコンポーネントを実装してもらう

Prompt Body

全文

以下のUIコンポーネントを実装してください。見た目だけでなく、再利用性とアクセシビリティも重視してください。

要件:
- コンポーネント名:
- 想定利用画面:
- 必須 props:
- 状態: default / hover / active / disabled / error など

必ず含めること:
- props の型定義
- キーボード操作と aria 属性の考慮
- 既存デザインシステムに合わせたクラス設計
- 使用例
- テスト観点

不明点がある場合は推測で決め打ちせず、実装前の確認事項として列挙してください。