task#2.md

Секція статистики

Доповни компонент <Statistics>, який би показував статистику з переданих пропсів - основну статистику інтернет-магазину стосовно зареєстрованих користувачів, відгуків тощо . Дані про статистику лежать у файлі stats.json.

Опис компонента

Компонент повинен приймати два пропи title і stats, в яких вказується заголовок та об'єкт статистики.

• title - не обов'язковий, і якщо він не переданий, не повинна рендеритись розмітка заголовка <h3>.
• stats - масив об'єктів, що містять інформацію про елемент статистики. Може мати довільну кількість елементів.

Компонент повинен створювати наступну структуру.

<h3 className={style.title}>Main Statistics</h3>

<ul className={style.list}>
 {/* Довільна кіл-сть
    <li className={style.item}>
      <StatisticsItem/>
    </li>
*/} 
</ul>

Компонент StatisticsItem повинен створювати наступну структуру.

<>
  {/* Тут повинна бути іконка */}
  <span className={style.counter}>2147</span>
  <p className={style.text}>Happy Customers</p>
</>

Для виконання завдання з іконкою потрібно продумати логіку, як динамічно відмалювати з бібліотеки react-icons іконки та змінити дефолтний розмір

Приклад використання

import stats from 'data/stats.json';

<Statistics title="Main Statistics" stats={stats} />;
<Statistics stats={data} />;