Agora é hora de construir o componente Navbar usando JSX. Você aprendeu em lições anteriores que JSX é uma extensão de sintaxe para JavaScript que permite escrever código semelhante a HTML dentro do JavaScript, facilitando a criação e o gerenciamento de componentes React. Aqui está um lembrete de como o JSX se parece:

const App = () => {
  return (
    <div>
      <h1>G.E.A.R ACADEMY React Curriculum</h1>
      <p>I love learning with G.E.A.R ACADEMY!</p>
    </div>
  );
}

Dentro do componente Navbar, retorne um elemento nav que tenha um className de navbar. A razão pela qual className é usado aqui em vez de class é porque class é uma palavra-chave reservada em JavaScript. Então, o React usa className como uma forma de aplicar classes aos elementos.

Testes:

• Você deve retornar um elemento `nav`.
• Seu elemento `nav` deve ter um atributo `className` com o valor `navbar`.