import { Component, ReactNode } from 'react';
import { DistractionFreeMode } from '../DistractionFreeModeContext';
import '../../helpers/base.less';
import './Toolbar.less';
/**
 * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
 * Toolbar is located on top of the managed content block.
 * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
 * and controls for changing the way the content block looks.
 * @since 0.0.57
 */
export interface ToolbarProps {
    /**
     * Content of the `Toolbar`.
     * @since 0.0.57
     */
    children?: ReactNode;
    /**
     * @ignore
     */
    className?: string;
    /**
     * @ignore
     */
    baseClassName?: string;
}
declare type ToolbarState = {
    distractionFreeMode: DistractionFreeMode;
};
declare class Toolbar extends Component<ToolbarProps, ToolbarState> {
    static defaultProps: {
        children: null;
        className: null;
        baseClassName: string;
    };
    constructor(props: ToolbarProps);
    state: {
        distractionFreeMode: {
            enabled: boolean;
            toggle: () => void;
        };
    };
    private readonly registry;
    private measure;
    render(): JSX.Element;
}
export default Toolbar;
