import React from 'react';
export interface Size {
    width: number;
    height: number;
}
export interface ToolbarButtonSettings {
    small?: {
        icon?: React.ReactNode;
        isDisabled?: boolean;
    };
    medium?: {
        icon?: React.ReactNode;
        isDisabled?: boolean;
    };
    large?: {
        icon?: React.ReactNode;
        isDisabled?: boolean;
    };
    dock?: {
        isDisabled?: boolean;
    };
    divider?: {
        element: React.ReactNode;
    };
}
interface HeaderOptionsProps {
    isDockedLayerManager: boolean;
    shortcutsEnabled: boolean;
    onClickDockButton: () => void;
    onChangeSize: (size: Size) => void;
    buttonSettings?: ToolbarButtonSettings;
}
export declare const sizeSmall: {
    width: number;
    height: number;
};
export declare const sizeMedium: {
    width: number;
    height: number;
};
export declare const sizeLarge: {
    width: number;
    height: number;
};
export declare const sizeExtraLarge: {
    width: number;
    height: number;
};
declare const HeaderOptions: React.FC<HeaderOptionsProps>;
export default HeaderOptions;