/**
 * Creats a dividing line within a List compoenent.  It uses a single `<hr />`
 * to within a list item to make the dividing line.
 *
 * #### Examples:
 *
 * ```javascript
 * import {List, ListDivider} from 'gadgets';
 * <List>
 *     <ListDivider backgroundColor="red" />
 * </List>
 * ```
 *
 * #### Events
 * None
 *
 * #### Styles
 * - `ui-list-divider` - A class style on the `<li>` tag (root) of the
 * component.
 *
 * #### Properties
 * - `color: string (inherit)` - The color of the dividing line
 *
 * @module ListDivider
 */
/// <reference types="react" />
import { BaseComponent } from "../shared";
import { ListProps, ListState } from "./List";
export interface ListDividerProps extends ListProps {
    color?: string;
}
export declare type ListDividerState = ListState;
export declare class ListDivider extends BaseComponent<ListDividerProps, ListDividerState> {
    static readonly defaultProps: ListDividerProps;
    constructor(props: ListDividerProps);
    static getDerivedStateFromProps(props: ListDividerProps, state: ListDividerState): any;
    render(): JSX.Element;
}
export default ListDivider;