import React from "react";
import "./Topbar.css";
import { IContext } from "../../Common/IContext";
export declare const TopbarItemDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export interface IInjectElem {
    wrapperStyle?: object;
    elem: JSX.Element;
}
export declare enum IInjectTopItemType {
    SELECT = "select",
    ICONBUTTONGROUP = "icon button group"
}
export interface IInjectTopItem {
    value?: string;
    label?: string;
    items?: {
        value?: string;
        label?: string;
        icon?: JSX.Element;
        belowLabel?: JSX.Element;
        isSelected?: () => boolean;
        onMouseDown?: () => void;
        onMouseUp?: () => void;
    }[];
    type: IInjectTopItemType;
    wrapperStyle?: object;
    onSelect: (value: string) => void;
}
export declare class Topbar extends React.Component<{
    editContext: IContext;
    onSave?: (data?: any) => void;
    onClose?: () => void;
    isRequiredActionGroup: boolean;
    isActionDisabled?: boolean;
    prevElems?: (IInjectElem | JSX.Element)[];
    prevItems?: IInjectTopItem[];
    afterItems?: IInjectTopItem[];
    afterElems?: (IInjectElem | JSX.Element)[];
    name?: string;
    onChangeName: (event: React.ChangeEvent<HTMLInputElement>) => void;
}> {
    renderTopItem(item: IInjectTopItem): JSX.Element | null;
    render(): JSX.Element;
}
