import { Direction as TooltipDirection } from '@yandex-lego/components/Tooltip/__examples__/direction.tsx'
import tooltipDirectionSource from '!!raw-loader!@yandex-lego/components/Tooltip/__examples__/direction.tsx'
import { Size as TooltipSize } from '@yandex-lego/components/Tooltip/__examples__/size.tsx'
import tooltipSizeSource from '!!raw-loader!@yandex-lego/components/Tooltip/__examples__/size.tsx'
import { State as TooltipState } from '@yandex-lego/components/Tooltip/__examples__/state.tsx'
import tooltipStateSource from '!!raw-loader!@yandex-lego/components/Tooltip/__examples__/state.tsx'
import { Delay as TooltipDelay } from '@yandex-lego/components/Tooltip/__examples__/delay.tsx'
import tooltipDelaySource from '!!raw-loader!@yandex-lego/components/Tooltip/__examples__/delay.tsx'

### Размер подсказки

Чтобы изменить размер подсказки, установите свойство `size` в одно из следующих значений: `"s"`, `"m"`, `"l"`.

<Example
    component={TooltipSize}
    source={tooltipSizeSource}
/>

### Состояние подсказки

Чтобы изменить состояние подсказки, установите свойство `state` в одно из следующих значений: `"warning"`, `"alert"`, `"success"`.

<Example
    component={TooltipState}
    source={tooltipStateSource}
/>

### Направление раскрытия подсказки

Чтобы изменить направление раскрытия подсказки, установите свойство `direction` с одним или несколькими допустимыми значениями — `"top-left"`, `"top-center"`, `"top-right"`, `"right-top"`, `"right-center"`, `"right-bottom"`, `"bottom-right"`, `"bottom-center"`, `"bottom-left"`, `"left-bottom"`, `"left-center"`, `"left-top`".

Если свойство `direction` не было установлено, то будут использованы <a href="https://github.yandex-team.ru/search-interfaces/frontend/blob/master/packages/lego-components/src/Popup/_target/Popup_target_anchor.tsx#L19-L32" target="_blank">значения по умолчанию</a> в порядке приоритета раскрытия.

<Example
    component={TooltipDirection}
    source={tooltipDirectionSource}
/>

### Задержка при открытии/закрытии

Компонент `TooltipStateful` поддерживает задержку при открытии или закрытии подсказки.

<Example
    component={TooltipDelay}
    source={tooltipDelaySource}
>

#### Delay

Чтобы установить задержку при открытии подсказки, используйте свойство `openDelay`, чтобы установить задержку при закрытии – используйте свойство `closeDelay`.

</Example>