import { Big } from '@yandex-lego/components/Drawer/Drawer.examples/touch-phone/big.examples.tsx'
import { Small } from '@yandex-lego/components/Drawer/Drawer.examples/touch-phone/small.examples.tsx'
import { CustomTitle } from '@yandex-lego/components/Drawer/Drawer.examples/touch-phone/custom-title.examples.tsx'
import { Nested } from '@yandex-lego/components/Drawer/Drawer.examples/touch-phone/nested.examples.tsx'

import bigDrawerSource from '!!raw-loader!@yandex-lego/components/Drawer/Drawer.examples/touch-phone/big.examples.tsx'
import smallDrawerSource from '!!raw-loader!@yandex-lego/components/Drawer/Drawer.examples/touch-phone/small.examples.tsx'
import customTitleSource from '!!raw-loader!@yandex-lego/components/Drawer/Drawer.examples/touch-phone/custom-title.examples.tsx'
import nestedSource from '!!raw-loader!@yandex-lego/components/Drawer/Drawer.examples/touch-phone/nested.examples.tsx'

### Большая шторка

<Example
    component={Big}
    source={bigDrawerSource}
/>

### Маленька шторка

<Example
    component={Small}
    source={smallDrawerSource}
/>


### Кастомный тайтл

Можно передать кастомный тайтл через свойство `titleComponent`.

<Example
    component={CustomTitle}
    source={customTitleSource}
/>

### Вложенная шторка

Флаг `nested` задает отображение шторки как вложенной в другую шторку

<Example
    component={Nested}
    source={nestedSource}
/>