import { FC, HTMLAttributes } from 'react';
/**
 * MenuItemIcon displays icons within a menu item.
 * Ensures consistent styling and structure for icon content or nodes in MenuItem components.
 *
 * ```typescript
 * import { Menu, MenuItem, MenuItemLabel, MenuItemIcon, Orientation } from '@syncfusion/react-navigations';
 * import { FileIcon } from '@syncfusion/react-icons';
 *
 * export default function App() {
 *     return (
 *         <Menu orientation={Orientation.Horizontal} itemOnClick={false}>
 *             <MenuItem>
 *                 <MenuItemLabel>Open</MenuItemLabel>
 *                 <MenuItemIcon>
 *                     <FileIcon />
 *                 </MenuItemIcon>
 *             </MenuItem>
 *         </Menu>
 *     );
 * }
 * ```
 */
export interface MenuItemIconProps {
    /**
     * Specifies an optional CSS class to apply to the icon container.
     *
     * @default -
     */
    className?: string;
    /**
     * Specifies the content of the icon.
     * Typically an icon, a class name for custom styling or any SVG element.
     *
     * @default -
     */
    children?: React.ReactNode;
}
type IMenuItemIconProps = MenuItemIconProps & HTMLAttributes<HTMLSpanElement>;
export declare const MenuItemIcon: FC<IMenuItemIconProps>;
export {};