Завдання

Створити багаторазовий компонент StatusCard, який відображає різні повідомлення залежно від пропса online.

Компонент StatusCard має містити:

1. Заголовок (h2 елемент). Текст заголовка має відображати проп name.

2. Абзац (p елемент).

• Якщо проп online дорівнює true, відображати Online;
• Інакше відображати Offline.

Компонент App вже рендерить декілька компонентів StatusCard з різними пропсами.

Початковий код

Відкрийте стартовий проєкт нижче та завершіть відсутні частини компонента.

Starter code

Розв'язок

Можна порівняти свій результат із фінальним розв'язком нижче.

Solution code