import type { RemoteDataDeclaration } from "./RemoteDataDeclaration.js";
import type { StyleValue } from "./StyleValue.js";
import type { ToolbarJsScope } from "./ToolbarJsScope.js";
export type ToolbarItem = {
    /**
     * Id to identify the item, should be unique. Preferably a uuid.
     */
    id: string;
    /**
     * List of scopes to be loaded in the item js execution scope.
     */
    scopes: Array<ToolbarJsScope>;
    /**
     * JS function definition for content to display in the item.
     */
    template: string;
    /**
     * JS function definition for content to display in tooltip of the item.
     */
    tooltip: string | null;
    /**
     * JS function definition badge content, will be displayed over the item, useful as notifications.
     */
    badge: string | null;
    /**
     * JS function definition that will be executed when the item is clicked.
     */
    onClick: string | null;
    /**
     * Styles to be added to the item. This follow the same interface of React's `style` prop.
     */
    style: {
        [key in string]: StyleValue | null;
    };
    /**
     * Remote data to be added to the item scope.
     */
    remoteData: {
        [key in string]: RemoteDataDeclaration;
    };
};
//# sourceMappingURL=ToolbarItem.d.ts.map