/**
 * The `Divider` component is used to put a space between elements in a
 * `Toolbar` control.  An enumeration named `DividerType` will be used
 * to determine a division character within the divider.  It can be one
 * of three types:
 *
 * - horizontal (-)
 * - vertical (|)
 * - none
 *
 * #### Examples:
 *
 * ```javascript
 * import {Button, Divider, DividerType, Sizing, Toolbar} from 'gadgets';
 *
 * <Toolbar sizing={Sizing.small}>
 *     <Button />
 *     <Divider dividerType={Divider.vertical}/>
 *     <Button />
 * </Toolbar>
 * ```
 *
 * #### Events
 * None
 *
 * #### Styles
 * - `ui-divider` - global style placed on the `<div>` element.  The div
 * is the only element in the component.
 *
 * #### Properties
 * - `dividerType=Divider.none {DividerType}` - determines if a divide
 * character will be placed within the control.
 * - `sizing=Sizing.normal {Sizing}` - Sets the actual box size of the
 * element.  When used with a `Toolbar` this property is not needed as
 * the toolbar handled the sizing.
 *
 * @module Divider
 */
/// <reference types="react" />
import { BaseComponent, BaseProps, BaseState } from "../shared";
export declare enum DividerType {
    horizontal = "-",
    vertical = "|",
    none = " "
}
export interface DividerProps extends BaseProps {
    dividerType?: DividerType;
}
export declare type DividerState = BaseState;
export declare class Divider extends BaseComponent<DividerProps, DividerState> {
    static readonly defaultProps: DividerProps;
    constructor(props: DividerProps);
    render(): JSX.Element;
}
export default Divider;