Описание задачи

Необходимо настроить документацию (Storybook) для компонента Header. Показать разные состояния и варианты отображения шапки сайта в изоляции. Добавить тестовые данные (моки) и описание для разработчиков.

Локация файлов

  • Компонент: src/features/header/ (Header.tsx, Header.module.css, index.ts)
  • Сторибук: src/stories/Header.stories.tsx
  • Моки: src/stories/mocks/headerMocks.ts

Требования к мокам (headerMocks.ts)

  • Данные для авторизованного пользователя
  • Данные для гостя (неавторизованного)
  • Данные для уведомлений

Необходимые истории

  • Header для гостя (кнопки Войти / Регистрация)
  • Header для авторизованного пользователя
  • Header с активным поиском

Дополнительные требования

  • Добавить контролы для управления параметрами компонента
  • Оформить документацию с пояснениями для каждого состояния