Завдання

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

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 та вставте стилі із завдання.