import React from 'react';
export type ToolbarItemBridgeProps = {
    children?: React.ReactNode;
};
/**
 * This component is meant to be used with a Dovetail component.
 * It provides a bridge between the dovetail component and the single tab
 * stop navigation provided in the NavigationBar. When using this component,
 * be sure to pass `singleTabStop: true` to the render method of the
 * Dovetail component if required.
 *
 * **Important:** The nested component (likely a button) must have a tabindex="-1"
 * for this to properly forward and manage focus state. It must also be the first
 * item with tabindex="-1" nested within the bridge.
 *
 * You can either render the dovetail container as a child of this component
 * or by using the ref to wire it up.
 *
 * Here is an example that uses the ref:
 *
 * ```tsx
 *     const MainNavigation = () => {
 *     const ref = useRef<HTMLDivElement>(null)
 *     React.useEffect(() => {
 *          const notificationComponent = lib.components.Notification({
 *              element: ref.current,
 *          })
 *          notificationComponent.render({
 *              platformaAuthTokenClosure,
 *              singleTabStop: true,
 *          })
 *          return () => {
 *              notificationComponent.unmount()
 *          }
 *     }, [])
 *
 *     return (
 *          <NavigationBar logo={<LogoAgilePlace url="/" />}>
 *              <ToolbarSectionLeft>
 *                  <Header>Example Application</Header>
 *              </ToolbarSectionLeft>
 *              <ToolbarSectionRight>
 *                  <ToolbarItemBridge ref={ref} />
 *              </ToolbarSectionRight>
 *          </NavigationBar>
 *     )
 * }
 * ```
 */
export declare const ToolbarItemBridge: React.ForwardRefExoticComponent<ToolbarItemBridgeProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=item-bridge.d.ts.map