Как создать Modal Component (Popup) в React | React Modal Component

• Создание папки "simple module" и двух файлов "simple modal x" и "simple modal ss".  

• Импорт стилей и создание компонента "simple modal".  

• Добавление кнопки закрытия и иконки.  

• Импорт компонента "simple modal" в основной компонент.  

• Стилизация главного элемента "modal" с полупрозрачным фоном и скрол по оси Y.  

• Стилизация элемента "modal.content" с кнопкой закрытия и выводом заголовка и текста.  

• Добавление анимации при открытии и закрытии модального окна.  

• Импорт состояния "modal info open" и "modal info close".  

• Управление состоянием при клике на кнопку открытия и закрытия модального окна.  

• Передача данных из "modal info open" в "modal info close" при закрытии.  

• Импорт библиотеки "react transition groups" для плавной анимации.  

• Добавление классов "modal entering" и "modal entering" при открытии и закрытии.  

• Удаление модального окна из разметки при закрытии.  

• Добавление функции "on-click-outside" для закрытия модального окна при клике вне его области.  

• Создание двух дополнительных модальных окон с разным контентом.  

• Добавление текста, абзацев и случайной картинки в каждое модальное окно.  

• Проверка работы адаптивности и ролла при открытии и закрытии модальных окон.