import { BoxProps, ElementProps, Factory, RaikouColor, RaikouSize, StylesApiProps } from '../../core'; export type DividerStylesNames = 'root' | 'label'; export type DividerVariant = 'solid' | 'dashed' | 'dotted'; export type DividerCssVariables = { root: '--divider-color' | '--divider-border-style' | '--divider-size'; }; export interface DividerProps extends BoxProps, StylesApiProps, ElementProps<'div'> { /** Key of `theme.colors` or any valid CSS color value, by default value depends on color scheme */ color?: RaikouColor; /** Controls width/height (depends on orientation), `'xs'` by default */ size?: RaikouSize | number | (string & {}); /** Divider label, visible only when `orientation` is `horizontal` */ label?: React.ReactNode; /** Controls label position, `'center'` by default */ labelPosition?: 'left' | 'center' | 'right'; /** Controls orientation, `'horizontal'` by default */ orientation?: 'horizontal' | 'vertical'; } export type DividerFactory = Factory<{ props: DividerProps; ref: HTMLDivElement; stylesNames: DividerStylesNames; vars: DividerCssVariables; variant: DividerVariant; }>; export declare const Divider: import("../../core").RaikouComponent<{ props: DividerProps; ref: HTMLDivElement; stylesNames: DividerStylesNames; vars: DividerCssVariables; variant: DividerVariant; }>;