import * as React from 'react';
import { UIRouter as _UIRouter, UIRouterPlugin, PluginFactory } from '@uirouter/core';
import { UIRouterReact } from '../core';
import { ReactStateDeclaration } from '../interface';
/**
 * This React Context component lets you access the UIRouter instance anywhere in the component tree
 *
 * When using hooks, use [[useRouter]] instead.
 *
 * #### Example:
 * ```jsx
 * <UIRouterContext.Consumer>
 *  {router => <MyComponent router={router} />}
 * </UIRouterContext.Consumer>
 * ```
 */
export declare const UIRouterContext: React.Context<_UIRouter>;
/** @deprecated use [[useRouter]] or React.useContext(UIRouterContext) */
export declare const UIRouterConsumer: React.Consumer<_UIRouter>;
export interface UIRouterProps {
    /**
     * The root application content.
     * Typically this will render a [[UIView]] viewport component */
    children: any;
    /** UIRouter Plugins (used with "Component Setup" bootstrapping, see [[UIRouter]]) */
    plugins?: Array<PluginFactory<UIRouterPlugin>>;
    /** The application states (used with "Component Setup" bootstrapping, see [[UIRouter]]) */
    states?: Array<ReactStateDeclaration>;
    /**
     * A callback function to do imperative configuration after the [[UIRouterReact]] object is created
     * (used with "Component Setup" bootstrapping, see [[UIRouter]])
     */
    config?: (router: UIRouterReact) => void;
    /** The pre-configured UIRouterReact instance (used with "Manual Setup", see [[UIRouter]]) */
    router?: UIRouterReact;
}
/** @hidden */
export declare const InstanceOrPluginsMissingError = "Router instance or plugins missing.\n You must either provide a location plugin via the plugins prop:\n \n <UIRouter plugins={[pushStateLocationPlugin]} states={[\u00B7\u00B7\u00B7]}>\n   <UIView />\n </UIRouter>\n \n or initialize the router yourself and pass the instance via props:\n \n const router = new UIRouterReact();\n router.plugin(pushStateLocationPlugin);\n \u00B7\u00B7\u00B7\n <UIRouter router={router}>\n   <UIView />\n </UIRouter>\n ";
/**
 * This is the root UIRouter component, needed for initialising the router and setting up configuration properly.
 * Every other component from this library needs to be a descendant of `<UIRouter>`, so ideally you want to use it as root of your app.
 *
 * ### Config
 *
 * There are two ways to set up the router: you can either bootstrap it manually and pass the instance to the component,
 * or pass the necessary information and let the component do it for you.
 *
 * #### Component Setup (suggested)
 *
 * Setting up the router via this component is pretty straightforward:
 *
 * ```jsx
 * const Home = () => <div>Home</div>;
 *
 * const states = [{
 *   name: 'home',
 *   component: Home,
 *   url: '/home'
 * }];
 *
 * const plugins = [pushStateLocationPlugin];
 *
 * ReactDOM.render(
 *   <UIRouter plugins={plugins} states={states}>
 *     <UIView />
 *   </UIRouter>,
 *   document.getElementById('root'),
 * );
 * ```
 *
 * Optionally, you may want to access the router instance once to setup additional configuration, like registering [[TransitionHook]]s.
 * To do so, you may pass a `config` function that will be called with the newly created `router` instance as argument:
 *
 * ```jsx
 * const config = router => {
 *   // register home state as the intial one
 *   router.urlService.rules.initial({ state: 'home' });
 * }
 *
 * ReactDOM.render(
 *   <UIRouter plugins={plugins} states={states} config={config}>
 *     <UIView />
 *   </UIRouter>,
 *   document.getElementById('root'),
 * );
 * ```
 *
 * #### Manual Setup (advanced)
 * Alternatively you may setup the router manually (i.e. extracting the router configuration to another file).
 * You can do that by creating a new instance of the router and pass it to the component, this way the component will skip the previous props and just use the provided instance.
 *
 * > NB: since you are manually bootstrapping the router, you must register the servicesPlugin as well as the location plugin of your choice (in this example the [[pushStateLocationPlugin]]).
 *
 * ```jsx
 * const router = new UIRouterReact();
 * // activate plugins
 * router.plugin(servicesPlugin);
 * router.plugin(pushStateLocationPlugin);
 * // register states
 * router.stateRegistry.register(someState);
 * // start the router
 * router.start();
 *
 * ReactDOM.render(
 *   <UIRouter router={router}>
 *     <UIView />
 *   </UIRouter>,
 *   document.getElementById("root")
 * );
 * ```
 */
export declare function UIRouter(props: UIRouterProps): JSX.Element;