# Документация по переносу заголовка в хедере

## Общая структура в React
- **Расположение**: В AppHeader.tsx, левая часть flex, первый элемент.
- **Тип**: h1 элемент с текстом "Игровой Пульт".
- **Зависимости**: Tailwind CSS.
- **JSX**: <h1 class="text-xl font-bold">Игровой Пульт</h1>.

## Элементы
- Текст: "Игровой Пульт" (text-xl font-bold).
- Нет иконок или дополнительных элементов.
- Всегда видимый, статичный.

## Стили (Tailwind примеры)
- Основной: text-xl font-bold (белый текст).
- Responsive: text-lg на tablet, text-base на mobile.

## Взаимодействие
- Нет кликов или handlers, пассивный элемент.
- В AppHeader: <div class="flex items-center space-x-4"> <h1>...</h1> <UserInfo /> </div>.

## Vue маппинг
- <template>: <h1 class="text-xl font-bold">Игровой Пульт</h1>.
- Нет props или state.