export { useNavigator } from './use-navigator';
/**
* The `NavigatorProvider` component allows rendering nested views/panels/menus
* (via the `NavigatorScreen` component and navigate between them
* (via the `NavigatorButton` and `NavigatorBackButton` components).
*
* ```jsx
* import {
* __experimentalNavigatorProvider as NavigatorProvider,
* __experimentalNavigatorScreen as NavigatorScreen,
* __experimentalNavigatorButton as NavigatorButton,
* __experimentalNavigatorBackButton as NavigatorBackButton,
* } from '@wordpress/components';
*
* const MyNavigation = () => (
*
*
*
This is the home screen.
*
* Navigate to child screen.
*
*
*
*
*
This is the child screen.
*
* Go back
*
*
*
* );
* ```
*/
export declare const NavigatorProvider: import("../context").WordPressComponent<"div", import("./types").NavigatorProps & import("react").RefAttributes, true> & {
displayName: string;
};
/**
* The `NavigatorScreen` component represents a single view/screen/panel and
* should be used in combination with the `NavigatorProvider`, the
* `NavigatorButton` and the `NavigatorBackButton` components.
*
* @example
* ```jsx
* import {
* __experimentalNavigatorProvider as NavigatorProvider,
* __experimentalNavigatorScreen as NavigatorScreen,
* __experimentalNavigatorButton as NavigatorButton,
* __experimentalNavigatorBackButton as NavigatorBackButton,
* } from '@wordpress/components';
*
* const MyNavigation = () => (
*
*
*
This is the home screen.
*
* Navigate to child screen.
*
*
*
*
*
This is the child screen.
*
* Go back
*
*
*
* );
* ```
*/
export declare const NavigatorScreen: import("../context").WordPressComponent<"div", import("./types").NavigatorScreenProps & import("react").RefAttributes, false> & {
displayName: string;
};
/**
* 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.
*
* @example
* ```jsx
* import {
* __experimentalNavigatorProvider as NavigatorProvider,
* __experimentalNavigatorScreen as NavigatorScreen,
* __experimentalNavigatorButton as NavigatorButton,
* __experimentalNavigatorBackButton as NavigatorBackButton,
* } from '@wordpress/components';
*
* const MyNavigation = () => (
*
*
*
This is the home screen.
*
* Navigate to child screen.
*
*
*
*
*
This is the child screen.
*
* Go back
*
*
*
* );
* ```
*/
export declare const NavigatorButton: import("../context").WordPressComponent<"button", {
__next40pxDefaultSize?: boolean;
accessibleWhenDisabled?: boolean;
children?: import("react").ReactNode;
description?: string;
icon?: import("../icon").Props["icon"];
iconPosition?: "left" | "right";
iconSize?: import("../icon").Props["size"];
isBusy?: boolean;
isDestructive?: boolean;
isPressed?: boolean;
label?: string;
shortcut?: string | {
display: string;
ariaLabel: string;
};
showTooltip?: boolean;
size?: "default" | "compact" | "small";
text?: string;
tooltipPosition?: import("../popover/types").PopoverProps["position"];
variant?: "primary" | "secondary" | "tertiary" | "link";
} & {
disabled?: boolean;
} & {
path: string;
attributeName?: string;
} & import("react").RefAttributes, true> & {
displayName: string;
};
/**
* The `NavigatorBackButton` component can be used to navigate to a screen and
* should be used in combination with the `NavigatorProvider`, the
* `NavigatorScreen` and the `NavigatorButton` components.
*
* @example
* ```jsx
* import {
* __experimentalNavigatorProvider as NavigatorProvider,
* __experimentalNavigatorScreen as NavigatorScreen,
* __experimentalNavigatorButton as NavigatorButton,
* __experimentalNavigatorBackButton as NavigatorBackButton,
* } from '@wordpress/components';
*
* const MyNavigation = () => (
*
*
*