Голосовой интерфейс на React

Написать интерфейс для общения с роботом.

В правом нижнем углу нужен открывающееся окно чата

внизу окна чата управляющая панель с 4-мя кнопками

1. Стрелочка "Вверх/Вниз" - открыть/закрыть окно чата

2. Иконка "Ручка" активная/неактивная написать предложение в чат

3. Иконка "Микрофон" активная/неактивная - пишет фразы с микрофона

4. Иконка "Динамик" активная/неактивная - проговаривать/только записывать ответы в чат

Задача предложить решение(желательно off-line) голоса в текст,

написать этот текст в чате и передать на сервер, полученный ответ записать в чат и

произнести (тоже предложить решение - желательно off-line).

Интерфейс просьба сделать адаптивный в стиле “Material Design” .