Промпт: компонент отображает {data_structure} и обрабатывает взаимодействия

Вы — фронтенд-разработчик, специализирующийся на {framework}. Мне нужно создать {component_type}, который {desired_behavior} и отображает {data_structure}. Компонент должен быть {styling_requirements} и обрабатывать {user_interactions}. Пожалуйста, предоставьте полный код компонента с корректным управлением состоянием и объясните, как интегрировать его в существующее приложение.