Tarefa: Criando uma Fonte de Enciclopédia

Nesta tarefa, será criada uma fonte de enciclopédia com dois cartões. Cada cartão exibirá uma imagem e uma descrição. O objetivo é praticar a criação de componentes funcionais e a passagem de dados para componentes filhos utilizando props.

Instruções:

1. Criar um componente Card como um modelo reutilizável de cartão.
2. No componente Card, aceitar as seguintes props:
   • link: A URL da imagem para o cartão;
   • alt: O texto alternativo para a imagem;
   • description: O texto de descrição para o cartão.
3. Utilizar o componente Card duas vezes no componente App para criar dois cartões com o seguinte conteúdo:

Cartão 1 (Sobre o Sol):

• URL da imagem: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/sun.png
• Texto alternativo: Fornecer uma descrição apropriada.
• Descrição: "O sol brilhava intensamente, lançando um brilho quente sobre a praia tranquila."

Cartão 2 (Sobre a Montanha):

• URL da imagem: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/mountain.png
• Texto alternativo: Fornecer uma descrição apropriada.
• Descrição: "O excursionista contemplava com admiração a majestosa montanha que se erguia à sua frente."

Certifique-se de que ambos os componentes Card e App estejam devidamente modificados para exibir os cartões corretamente.

Aqui está um código inicial com espaços reservados para você completar:

1. É possível utilizar o mesmo componente Card para ambos os cartões e controlar seu conteúdo utilizando props.
2. Para passar a URL como uma prop, crie uma prop chamada link e forneça a URL como valor. Coloque o valor entre aspas duplas, pois é uma string.
3. Da mesma forma, crie props para alt e description e forneça os valores apropriados.
4. Para utilizar essas props dentro do componente filho Card, acesse-as utilizando notação de ponto, já que props é um objeto.