/// <reference types="react" />
import { CSSValueWithLength } from '../../styles';
export type direction = 'horizontal' | 'vertical';
export type DividerSize = 'small' | 'medium';
export interface DividerProps {
    /** @default 'horizontal' */
    direction?: direction;
    /**
     * 간격을 설정할 수 있습니다.
     *  - direction horizontal 일경우 상하 간격에 적용됩니다.
     *  - direction vertical 일경우 좌우 간격에 적용됩니다.
     */
    spacing?: CSSValueWithLength;
    /** @default 'small' */
    size?: DividerSize;
    /**
     * border color를 지정할 수 있습니다.
     *  - 지정하지 않을 경우 size medium 일경우 semantic_colors.background.base로 적용됩니다.
     *  - 지정하지 않을 경우 size small 일경우 semantic_colors.border.primary로 적용됩니다.
     * @default semantic_colors.border.primary
     */
    color?: string;
    /**
     * 지정된 길이를 설정할 수 있습니다.
     *  - 지정하지 않을 경우 direction horizontal 이라면 width 값이 100%로 고정됩니다.
     *  - 지정하지 않을 경우 direction vertical 이라면 height값이 100%로 고정됩니다.
     * @default '100%'
     */
    length?: CSSValueWithLength;
}
export declare const Divider: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;