/// <reference types="react" />
/**
 * The `NavigatorButton` component can be used to navigate to a screen and should
 * be used in combination with the `NavigatorProvider`, the `NavigatorScreen`
 * and the `NavigatorBackButton` components (or the `useNavigator` hook).
 *
 * @example
 * ```jsx
 * import {
 *   __experimentalNavigatorProvider as NavigatorProvider,
 *   __experimentalNavigatorScreen as NavigatorScreen,
 *   __experimentalNavigatorButton as NavigatorButton,
 *   __experimentalNavigatorBackButton as NavigatorBackButton,
 * } from '@wordpress/components';
 *
 * const MyNavigation = () => (
 *   <NavigatorProvider initialPath="/">
 *     <NavigatorScreen path="/">
 *       <p>This is the home screen.</p>
 *        <NavigatorButton path="/child">
 *          Navigate to child screen.
 *       </NavigatorButton>
 *     </NavigatorScreen>
 *
 *     <NavigatorScreen path="/child">
 *       <p>This is the child screen.</p>
 *       <NavigatorBackButton>
 *         Go back
 *       </NavigatorBackButton>
 *     </NavigatorScreen>
 *   </NavigatorProvider>
 * );
 * ```
 */
export declare const NavigatorButton: import("../../context").WordPressComponent<"button", {
    __next40pxDefaultSize?: boolean | undefined;
    accessibleWhenDisabled?: boolean | undefined;
    children?: import("react").ReactNode;
    describedBy?: string | undefined;
    icon?: import("../..").IconType | null | undefined;
    iconPosition?: "left" | "right" | undefined;
    iconSize?: number | undefined;
    isBusy?: boolean | undefined;
    isDestructive?: boolean | undefined;
    isPressed?: boolean | undefined;
    label?: string | undefined;
    shortcut?: string | {
        display: string;
        ariaLabel: string;
    } | undefined;
    showTooltip?: boolean | undefined;
    size?: "default" | "small" | "compact" | undefined;
    text?: string | undefined;
    tooltipPosition?: ("bottom" | "top" | "middle") | "bottom center" | "bottom left" | "bottom right" | "top center" | "top left" | "top right" | "middle center" | "middle left" | "middle right" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | undefined;
    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
} & {
    disabled?: boolean | undefined;
} & {
    path: string;
    attributeName?: string | undefined;
} & import("react").RefAttributes<any>, true>;
export default NavigatorButton;
//# sourceMappingURL=component.d.ts.map