import type { RemoteDataDeclaration } from "./RemoteDataDeclaration.js";
import type { StyleValue } from "./StyleValue.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<string>;
    /**
     * JS function definition for content to display in the item.
     */
    template: string;
    /**
     * JS function definition that draws directly onto a canvas instead of using `template`.
     * When present, this takes priority over `template` for the item's main content.
     */
    render: string | null;
    /**
     * Width (px) of the canvas when `render` is used. Height is always the toolbar's
     * configured item size. If not set, the canvas is square (width = height).
     */
    canvasSize: number | null;
    /**
     * 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;
    onWheelUp: string | null;
    onWheelDown: 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