import "jquery-ui/ui/widgets/button";
export interface ISidebarOptions {
    content: string | HTMLElement;
    /** Icon can be 'default' (arrow) or an HTML element. */
    icon?: string | HTMLElement;
    /** Text displayed on the sidebar handle. */
    handle?: string;
    handleColor?: string;
    /** Title visible after sidebar is opened by user. If it's not provided, it won't be displayed at all. */
    titleBar?: string;
    titleBarColor?: string;
    width?: number;
    padding?: number;
    onOpen?: () => void;
    onClose?: () => void;
}
export interface ISidebarController {
    open: () => void;
    close: () => void;
}
export declare const ADD_SIDEBAR_DEFAULT_OPTIONS: {
    /** Arrow pointing left. */
    icon: string;
    handle: string;
    handleColor: string;
    titleBar: undefined;
    titleBarColor: string;
    width: number;
    padding: number;
};
/****************************************************************************
 Ask LARA to add a new sidebar.

 Sidebar will be added to the edge of the interactive page window. When multiple sidebars are added, there's no way
 to specify their positions, so no assumptions should be made about current display - it might change.

 Sidebar height cannot be specified. It's done on purpose to prevent issues on very short screens. It's based on the
 provided content HTML element, but it's limited to following range:
 - 100px is the min-height
 - max-height is calculated dynamically and ensures that sidebar won't go off the screen
 If the provided content is taller than the max-height of the sidebar, a sidebar content container will scroll.

 It returns a simple controller that can be used to open or close sidebar.
 ****************************************************************************/
export declare const addSidebar: (_options: ISidebarOptions) => ISidebarController;