Ми попрактикуємось у додаванні вбудованих стилів до React-компонента. Щоб виконати завдання, виконайте наведені нижче кроки:

1. Створіть новий React-компонент з назвою StyledBox.

2. Всередині компонента StyledBox відрендеріть елемент <div>.

3. Додайте наступні вбудовані стилі до елемента <div>:

   • Встановіть background color зі значенням "lightblue".

   • Встановіть width зі значенням "300px".

   • Встановіть padding зі значенням "10px".

   • Встановіть border radius зі значенням "10px".

   • Встановіть text alignment зі значенням "center".

   • Встановіть font size зі значенням "24px".

   • Встановіть font weight зі значенням "bold".

4. Додайте деякий текст всередині елемента <div>, наприклад, Five Finger Death Punch.

1. Inline styles are added using the style attribute, and the value for this attribute should be an object.

2. When using inline styles, values that are not plain numbers (such as strings, units, or colors) should be enclosed in quotes "...". For example, margin: "30px" indicates that the margin property has a value of 30px.