Tarefa

Criar um componente reutilizável StatusCard que exibe mensagens diferentes com base na propriedade online.

O componente StatusCard deve incluir:

1. Um título (elemento h2). O texto deve exibir a propriedade name.

2. Um parágrafo (elemento p).

• Se a propriedade online for true, exibir Online;
• Caso contrário, exibir Offline.

O componente App já renderiza vários componentes StatusCard com diferentes propriedades.

Código Inicial

Abra o projeto inicial abaixo e complete as partes faltantes do componente.

Starter code

Solução

Você pode comparar seu resultado com a solução final abaixo.

Solution code