Завдання: Стилізуйте React-Додаток

Завдання

Тепер необхідно створити компонент Alert, який буде відображати всі елементи, передані як children, та застосовувати до них певні стилі. Завдання:

1. Створити компонент Alert, який містить елемент div всередині.
2. Елемент div повинен мати клас alert.
3. Вмістом елемента div має бути проп children.
4. Елемент div повинен мати наступні CSS-стилі.

padding: 20px;
border-radius: 10px;
background-color: lightgreen;
color: darkmagenta;

1. Для створення елемента div у компоненті використовуйте <div>...</div>.
2. Щоб передати props.children як текстовий вміст, обгорніть його у {...} та встановіть props.children. Результат: <div>{props.children}</div>.
3. Щоб додати клас до елемента div, використовуйте атрибут className та встановіть його значення як alert. Результат: className="alert".
4. Для імпорту файлу зі стилями у файлі index.js використовуйте оператор import та вкажіть правильний шлях до файлу. Результат: import './index.css'.
5. Щоб застосувати стилі до елемента div, використовуйте селектор класу .alert та вставте стилі із завдання.