import { Common as DropdownCommon } from '@yandex-lego/components/Dropdown/__examples__/common.tsx';
import { Directions as DropdownDirections } from '@yandex-lego/components/Dropdown/__examples__/directions.tsx';
import { Split as DropdownSplit } from '@yandex-lego/components/Dropdown/__examples__/split.tsx';
import { Tail as DropdownTail } from '@yandex-lego/components/Dropdown/__examples__/tail.tsx';
import { Arrow as DropdownArrow } from '@yandex-lego/components/Dropdown/__examples__/arrow.tsx';

import commonDropdownSource from '!!raw-loader!@yandex-lego/components/Dropdown/__examples__/common.tsx';
import directionsDropdownSource from '!!raw-loader!@yandex-lego/components/Dropdown/__examples__/directions.tsx';
import splitDropdownSource from '!!raw-loader!@yandex-lego/components/Dropdown/__examples__/split.tsx';
import tailDropdownSource from '!!raw-loader!@yandex-lego/components/Dropdown/__examples__/tail.tsx';
import arrowDropdownSource from '!!raw-loader!@yandex-lego/components/Dropdown/__examples__/arrow.tsx';

### Дефолтный компонент

<Example
    component={DropdownCommon}
    source={commonDropdownSource}
    height={200}
/>


### Разные направления

<Example
    component={DropdownDirections}
    source={directionsDropdownSource}
    height={200}
/>

### SplitButton

<Example
    component={DropdownSplit}
    source={splitDropdownSource}
    height={200}
/>

### Хвостик у Dropdown

<Example
    component={DropdownTail}
    source={tailDropdownSource}
    height={200}
/>

### Пример со иконкой на кнопке

<Example
    component={DropdownArrow}
    source={arrowDropdownSource}
    height={200}
/>