import { Autoru } from '@yandex-lego/components/Header/__examples__/autoru.tsx'
import AutoruSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/autoru.tsx'
import { Moe } from '@yandex-lego/components/Header/__examples__/moe.tsx'
import MoeSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/moe.tsx'
import { Web4 } from '@yandex-lego/components/Header/__examples__/web4.tsx'
import Web4Source from '!!raw-loader!@yandex-lego/components/Header/__examples__/web4.tsx'
import { TUI } from '@yandex-lego/components/Header/__examples__/tui.tsx'
import TUISource from '!!raw-loader!@yandex-lego/components/Header/__examples__/tui.tsx'
import { Trip } from '@yandex-lego/components/Header/__examples__/trip.tsx'
import TripSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/trip.tsx'
import { Weather } from '@yandex-lego/components/Header/__examples__/weather';
import WeatherSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/weather';
import { Directory } from '@yandex-lego/components/Header/__examples__/directory';
import DirectorySource from '!!raw-loader!@yandex-lego/components/Header/__examples__/directory';
import { Sport } from '@yandex-lego/components/Header/__examples__/sport';
import SportSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/sport';
import { Local } from '@yandex-lego/components/Header/__examples__/local';
import LocalSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/local';
import { Mirror } from '@yandex-lego/components/Header/__examples__/mirror';
import MirrorSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/mirror';
import { Q } from '@yandex-lego/components/Header/__examples__/q';
import QSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/q';
import { ZenVideo } from '@yandex-lego/components/Header/__examples__/zenvideo';
import ZenVideoSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/zenvideo';
import { SerpHeader } from '@yandex-lego/components/Header/__examples__/serpheader';
import SerpHeaderSource from '!!raw-loader!@yandex-lego/components/Header/__examples__/serpheader';

## Примеры использования шапки

> Докуменация ограничена шириной 960 пикселей
>
> Подробные примеры смотрите в <a target="_blank" href="https://lego.yandex-team.ru/components/lego/latest/?storybook=%2Fstory%2Flayout-header-desktop--playground">сторибуке</a>.

### SerpHeader

Использования компонента с виджетами из пакета serp-header, которые еще не портированы на React.

<Example
    component={SerpHeader}
    source={SerpHeaderSource}
/>


### Web4

Использование компонента с формой поиска.
Подключаются Button и Textinput ``view_search-arrow``.
Через токены сделана темная тема, которая подойдет Эфиру.

<Example
    component={Web4}
    source={Web4Source}
/>

### TrendboxUI

Использование компонента для внутреннего инфраструктурного сервиса.

<Example
    component={TUI}
    source={TUISource}
/>

### Спорт

Использование компонента с иконками.

<Example
    component={Sport}
    source={SportSource}
/>

### Зеркало

Использование компонента с иконками.

<Example
    component={Mirror}
    source={MirrorSource}
/>

### Командировки

<Example
    component={Trip}
    source={TripSource}
/>

### Кью

<Example
    component={Q}
    source={QSource}
/>

### Справочник

<Example
    component={Directory}
    source={DirectorySource}
/>

### Район

<Example
    component={Local}
    source={LocalSource}
/>

### Погода
<Example
    component={Weather}
    source={WeatherSource}
/>

### Мёбиус

<Example
    component={Moe}
    source={MoeSource}
/>

### Новая главная Видео

<Example
    component={ZenVideo}
    source={ZenVideoSource}
/>


### Auto.ru

Использование компонента для сервиса, который совсем не похож визуально на другие сервисы Яндекса.

<Example
    component={Autoru}
    source={AutoruSource}
/>