Taak

Maak een herbruikbare StatusCard-component die verschillende berichten weergeeft op basis van de online-prop.

De StatusCard-component moet het volgende bevatten:

1. Een koptekst (h2-element). De tekstinhoud moet de name-prop weergeven.

2. Een paragraaf (p-element).

   • Als de online-prop true is, toon Online;

• Anders, toon Offline.

De App-component rendert al meerdere StatusCard-componenten met verschillende props.

Startcode

Open het startproject hieronder en vul de ontbrekende delen van de component aan.

Starter code

Oplossing

Je kunt je resultaat vergelijken met de uiteindelijke oplossing hieronder.

Solution code