Доработать табы на React Js

Нужно доработать табы на реакте, только функционал. (см. видео)

Видео: https://drive.google.com/file/d/1NybR5SKOBNaG5iyyqS04l6XmIocl5Jid/view?usp=sharing
Ссылка на песочницу:
https://codesandbox.io/s/quiet-currying-8xmi3?file=/src/components/TabItem.js

Нужно повесить на табы и иконку взаимодействие с видео. Таб 1 всегда открыт. При клике на него запускаем видео и вешаем на таб активный класс. При клике на иконку pause, если видео кончилось то replay.  При ховере добавить активный класс и показать текст под иконкой. (При переключении табов убирать все состоянии в других табах)
И для каждого таба добавить прогресс бар от видео

От Вас цена и сроки.