import * as React from 'react';
import './UIToolbar.scss';
export interface UIToolbarProps {
    className?: string;
    children: React.ReactNode;
    breakPointLarge?: number;
    breakPointMedium?: number;
    breakPointSmall?: number;
    /**
     * An optional callback function triggered when the toolbar is resized.
     *
     * @param {number} width - The new width of the toolbar.
     * @param {string} widthName - The name of the width.
     */
    onResize?(width: number, widthName: string): void;
}
export interface UIToolbarState {
    toolbarWidthClassName: string;
}
/**
 * UIToolbar component.
 *
 * @exports
 * @class {UIToolbar}
 * @extends {React.Component<UIToolbarProps, UIToolbarState>}
 */
export declare class UIToolbar extends React.Component<UIToolbarProps, UIToolbarState> {
    private readonly toolbarRef;
    resizeObserver: any;
    /**
     * Initializes component properties.
     *
     * @param props
     */
    constructor(props: UIToolbarProps);
    componentDidMount(): void;
    onResize: () => void;
    /**
     * @returns {React.ReactNode}
     */
    render(): React.ReactNode;
}
//# sourceMappingURL=UIToolbar.d.ts.map