Tehtävä

Luo uudelleenkäytettävä StatusCard-komponentti, joka näyttää erilaisia viestejä online-propin perusteella.

StatusCard-komponentin tulee sisältää:

1. Otsikko (h2-elementti). Sen tekstisisällön tulee näyttää name-propin arvon.

2. Kappale (p-elementti).

   • Jos online-proppi on true, näytä Online;

• Muussa tapauksessa näytä Offline.

App-komponentti renderöi jo useita StatusCard-komponentteja eri prop-arvoilla.

Alustava koodi

Avaa alla oleva aloitusprojekti ja täydennä komponentin puuttuvat osat.

Starter code

Ratkaisu

Voit verrata tulostasi lopulliseen ratkaisuun alla.

Solution code