Vamos praticar a adição de estilos inline em um componente React. Siga os passos abaixo para concluir o desafio:

1. Criar um novo componente React chamado StyledBox.

2. Dentro do componente StyledBox, renderizar um elemento <div>.

3. Adicionar os seguintes estilos inline ao elemento <div>:

   • Definir a cor de fundo como "lightblue";
   • Definir a largura como "300px";
   • Definir o preenchimento como "10px";
   • Definir o raio da borda como "10px";
   • Definir o alinhamento do texto como "center";
   • Definir o tamanho da fonte como "24px";
   • Definir o peso da fonte como "bold".

4. Adicionar algum conteúdo de texto dentro do elemento <div>, como Five Finger Death Punch.

1. Estilos inline são adicionados usando o atributo style, e o valor desse atributo deve ser um objeto.
2. Ao utilizar estilos inline, valores que não são números simples (como strings, unidades ou cores) devem ser colocados entre aspas "...". Por exemplo, margin: "30px" indica que a propriedade margin possui o valor 30px.