/// <reference types="draft-js" />
/// <reference types="react" />
import * as React from "react";
import { EditorState } from "draft-js";
import { OrderedSet } from "immutable";
export declare type TMode = "desktop" | "mobile";
export interface ToolBarProps {
    className?: string;
    editMode: TMode;
    disabled?: string[];
    readOnly: boolean;
    toggleEye: (mode: string) => void;
    toggleMode: (mode: TMode) => void;
    editorState: EditorState;
    changeEditState: (editorState: EditorState) => void;
    rcUploadProps?: any;
    rcSuccess?: (data: any) => string | Promise<string>;
}
export interface ToolBarState {
}
export declare class ToolBar extends React.PureComponent<ToolBarProps, ToolBarState> {
    onToggle: (isBlock: boolean, style: string) => void;
    hasInlineStyle(style: string): boolean;
    findInlineStyle(): OrderedSet<string>;
    hasBlockStyle(style: string): boolean;
    findBlockStyle(): string;
    renderItem(toolKey: string, children: JSX.Element | JSX.Element[] | null): JSX.Element | JSX.Element[] | null;
    render(): JSX.Element;
    modeBtn(): JSX.Element;
    mediaConfirm: (style: string, name: string, url: string) => void;
    renderActionBtn(label: string, icon: string, desc: string, style: string, disabled: boolean, onToggle: () => void, isBlock?: boolean): JSX.Element;
    _renderUndoBtn(): JSX.Element;
    _renderRedoBtn(): JSX.Element;
    togglePrp: (data: {
        [key: string]: React.CSSProperties;
    }, style: string) => void;
    _renderTitles(): JSX.Element;
    _renderColors(type: string): JSX.Element;
    _renderLineHeight(): JSX.Element;
    _renderFamily(): JSX.Element;
    _renderFontSize(): JSX.Element;
}
export default ToolBar;