import { Simple as DividerSimple } from '@yandex-lego/components/Divider/__examples__/simple.tsx'
import dividerSimpleSource from '!!raw-loader!@yandex-lego/components/Divider/__examples__/simple.tsx'
import { Color as DividerColor } from '@yandex-lego/components/Divider/__examples__/color.tsx'
import dividerColorSource from '!!raw-loader!@yandex-lego/components/Divider/__examples__/color.tsx'
import { Size as DividerSize } from '@yandex-lego/components/Divider/__examples__/size.tsx'
import dividerSizeSource from '!!raw-loader!@yandex-lego/components/Divider/__examples__/size.tsx'
import { WithStyles as DividerWithStyles } from '@yandex-lego/components/Divider/__examples__/withStyles.tsx'
import dividerWithStylesSource from '!!raw-loader!@yandex-lego/components/Divider/__examples__/withStyles.tsx'
import { WithText as DividerWithText } from '@yandex-lego/components/Divider/__examples__/withText.tsx'
import dividerWithTextSource from '!!raw-loader!@yandex-lego/components/Divider/__examples__/withText.tsx'

### Простой разделитель

<Example
    component={DividerSimple}
    source={dividerSimpleSource}
/>

### Высота разделителя

Чтобы изменить размер разделителя, установите свойство `size` в необходимое значение.

<Example
    component={DividerSize}
    source={dividerSizeSource}
/>

### Цвет разделителя

Чтобы изменить цвет разделителя, установите свойство `color` в необходимое значение.

<Example
    component={DividerColor}
    source={dividerColorSource}
/>

### Разделитель с текстом

<Example
    component={DividerWithText}
    source={dividerWithTextSource}
/>

### Разделитель с пользовательскими стилями

Чтобы изменить внешние или внутренние отступы, установите свойство `style` с необходимыми параметрами.

<Example
    component={DividerWithStyles}
    source={dividerWithStylesSource}
/>