import { NavigationButtonType } from './navigation-button.types';
/**
 * To keep navigation patterns consistent across the whole web client, we use
 * this component for certain navigation patterns, such as navigating to
 * fullscreen or opening an object as a floating card on the side.
 *
 * These navigation patterns should always look and feel the same way for
 * end-users, so that they can recognize the buttons quickly and have a fair
 * expectation of what happens if they are clicked.
 *
 * By setting the correct type, we can easily get the proper visualization of
 * the navigation buttons. The `type` of the button only defines the look and
 * feel and the interactive behavior of the navigation button. These buttons do
 * not have any built-in functionality. Thus it is up to you to apply proper
 * actions or links to them.
 *
 * @exampleComponent limebb-example-navigation-button-new-tab
 * @exampleComponent limebb-example-navigation-button-float
 * @exampleComponent limebb-example-navigation-button-expand
 * @exampleComponent limebb-example-navigation-button-minimize
 * @exampleComponent limebb-example-navigation-button-maximize
 * @exampleComponent limebb-example-navigation-button-shrink
 * @exampleComponent limebb-example-navigation-button-close
 * @exampleComponent limebb-example-navigation-button-back
 */
export declare class NavigationButton {
    /**
     * The URL that the link redirects to. Due to accessibility concerns,
     * and to make the component focusable using keyboard navigation,
     * specifying an `href` will render the component as an `<a>` tag in the DOM.
     * Without the `href`, this component will be rendered as a `<button>`.
     */
    href?: string;
    /**
     * If defined, a tooltip will be shown when the link is hovered.
     * Content of the tooltip will also be readable for screen readers.
     */
    tooltipLabel?: string;
    /**
     * Can be optionally provided to add supplementary information
     * along with the tooltip label. This also will be accessible for
     * screen readers.
     */
    tooltipHelperLabel?: string;
    /**
     * Please see the examples for usage tips and guidelines.
     */
    type: NavigationButtonType;
    render(): any;
    private renderAsLink;
    private renderAsButton;
    private renderType;
    private renderTooltip;
    private getContainerClassList;
    private renderIcon;
}
//# sourceMappingURL=navigation-button.d.ts.map