import { ToolbarItemProps } from '../types';
/**
 * Props for the ToolbarItemWrapper component
 */
export type ToolbarItemWrapperProps = {
    /**
     * Toolbar item configuration without ID (ID is generated internally)
     */
    item: Omit<ToolbarItemProps, "id">;
    /**
     * The toolbar item component to wrap
     */
    children: React.ReactNode;
    /** Optional override for the intersection observer root element */
    observerRoot?: Element | null;
    /** Optional override for visibility change handling */
    onVisibilityChange?: (isVisible: boolean) => void;
    /** Optional margin offset for the intersection observer root */
    rootMargin?: string;
    /** Optional class name to apply to the wrapper element */
    className?: string;
};
/**
 * ToolbarItemWrapper manages item visibility and focus behavior within a toolbar.
 *
 * Features:
 * - Intersection observation for overflow detection
 * - Automatic overflow menu integration in collapse mode
 * - Focus management and keyboard navigation
 * - ARIA compliance for accessibility
 * - Visibility state management
 * - Proper tab index handling
 * - Context integration with toolbar state
 *
 * @example
 * <ToolbarItemWrapper item={{ itemType: "button", itemProps: buttonProps }}>
 *   <ToolbarButton {...buttonProps} />
 * </ToolbarItemWrapper>
 */
export declare const ToolbarItemWrapper: ({ item, children, observerRoot, onVisibilityChange, rootMargin, className, }: ToolbarItemWrapperProps) => import("react/jsx-runtime").JSX.Element;