import './Divider.css';
import React from 'react';
import type { Ref, HTMLAttributes } from 'react';
export declare const dividerDisplayVariant: readonly ["block", "inlineBlock", "inline"];
export declare const dividerColorVariant: readonly ["primary", "secondary"];
export declare const dividerSizeVariant: readonly ["m", "s"];
export declare const dividerOrientationVariant: readonly ["vertical", "horizontal"];
export declare const dividerAsVariant: readonly ["hr", "li", "span"];
export type DividerColorVariant = (typeof dividerColorVariant)[number];
export type DividerDisplayVariant = (typeof dividerDisplayVariant)[number];
export type DividerSizeVariant = (typeof dividerSizeVariant)[number];
export type DividerAsVariant = (typeof dividerAsVariant)[number];
export type DividerOrientationVariant = (typeof dividerOrientationVariant)[number];
type DividerBaseProps = {
    /** Тип элемента */
    display?: DividerDisplayVariant;
    /** Размер */
    size?: DividerSizeVariant;
    /**
     * Является ли разделитель дочерним элементом flex контейнера.
     * В основном используется для вертикальной ориентации.
     * Когда у блока нет фиксированной высоты.
     * */
    flexItem?: boolean;
    /** Ориентация */
    orientation?: DividerOrientationVariant;
    /** Цвет */
    color?: DividerColorVariant;
    /** HTML-тег для компонента */
    as?: DividerAsVariant;
    /** Ссылка на корневой DOM-элемент компонента */
    ref?: Ref<HTMLHRElement & HTMLLIElement & HTMLSpanElement>;
};
export type DividerProps = DividerBaseProps & HTMLAttributes<HTMLHRElement> & HTMLAttributes<HTMLSpanElement> & HTMLAttributes<HTMLLIElement>;
export declare const cnDivider: import("@bem-react/classname").ClassNameFormatter;
export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLHRElement & HTMLLIElement & HTMLSpanElement>>;
export {};