Тестовое задание

Установка зависимостей npm install

Запуск проекта npm run dev

Задание

Сверстать компонент /src/components/Sidebar.jsx по дизайну c использованием styled-components.

• Нужна ссылка на развернутый вариант с готовой демонстрацией
• Код нужно выложить на github/gitlab
• В /src/index.scss есть дизайн-токены для светлой и темной темы
• В зависимости от prop color Sidebar должен иметь стили темной или светлой темы
• Сделать кнопку для переключения темы (стили на свое усмотрение)
• Возможность смены темы должна быть реализована в styled-components за счет дизайн-токенов

Анимированная версия

Оригинал

Верстать нужно

• лого
• элементы навигации
• hover, active состояния у элементов Sidebar
• анимация при закрытии/открытии у элементов, которые скрываются/появляются

Верстать не нужно

• тултипы
• профиль
• анимация при загрузке страницы (не открытие/закрытие)

---

• иконки могут не соответствовать, это не так важно
• больше всего интересует анимация при открытии/закрытии
• логотип в проекте другой, используйте его