Модальное окно
В этом задании мы создадим модальное окно, которое появляется поверх основного контента.
Модальное окно - это всплывающий элемент интерфейса, который блокирует взаимодействие с остальной страницей. Это как диалоговое окно в операционной системе - пока оно открыто, вы работаете только с ним.
Модальное окно обычно состоит из двух частей: затемнённого фона (overlay) и самого контента. Клик по фону закрывает окно, а клик по контенту - нет.
Для управления видимостью модалки используем булево состояние в родительском компоненте: