関数・コンポーネントを実装

以下の仕様でコードを実装してください。 【言語・フレームワーク】 {{例：TypeScript / React 19 / Tailwind CSS 4}} 【実装する機能】 {{何をするコードが欲しいか具体的に記載}} 【制約・条件】 {{例： - useStateのみ使用（useReducer不使用） - 外部ライブラリ追加なし - モバイル対応必須 }} 【インターフェース（あれば）】 {{使用するpropsの型などを記載}} コードのみ出力してください。説明は最後にコメントで簡潔に。