import { ComponentPropsWithoutRef } from 'react';
import { IconProps } from '../../Icon';
import { MenuCommonProps } from '../types';
/**
 * Props for the MenuNested component
 * @extends ComponentPropsWithoutRef<"button">
 * @extends MenuCommonProps
 */
export type MenuNestedProps = ComponentPropsWithoutRef<"button"> & MenuCommonProps & {
    /**
     * Icon to display on the nested menu button
     */
    icon?: IconProps["svg"];
};
/**
 * MenuNested component for creating nested submenus within a Menu.
 *
 * Features:
 * - Hover-based menu opening and closing
 * - Automatic positioning with fallback strategies
 * - Keyboard navigation with arrow keys
 * - Scroll indicators for overflow content
 * - Automatic height adjustment
 * - Focus management and accessibility
 * - Popover API support with legacy fallback
 * - Smooth transitions and animations
 * - Context integration with parent menus
 *
 * @example
 * <Menu label="Edit">
 *   <Menu.Item label="Cut" onClick={() => console.log('Cut clicked')} />
 *   <Menu label="Copy as">
 *     <Menu.Item label="Text" onClick={() => console.log('Copy as Text')} />
 *     <Menu.Item label="Video" onClick={() => console.log('Copy as Video')} />
 *     <Menu label="Image">
 *       <Menu.Item label=".png" onClick={() => console.log('Copy as PNG')} />
 *       <Menu.Item label=".jpg" onClick={() => console.log('Copy as JPG')} />
 *     </Menu>
 *   </Menu>
 * </Menu>
 */
export declare const MenuNested: (props: MenuNestedProps) => import("react/jsx-runtime").JSX.Element;