import type * as React from 'react';
import type { ColorValue, ImageProps } from 'react-native';
import type { IViewProps } from '@fluentui-react-native/adapters';
import type { IconPropsV1 as IconProps } from '@fluentui-react-native/icon';
import type { IFocusable, InteractionEvent, PressablePropsExtended, PressableState } from '@fluentui-react-native/interactive-hooks';
import type { TextProps } from '@fluentui-react-native/text';
import type { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
import type { XmlProps } from 'react-native-svg';
export declare const menuItemName = "MenuItem";
export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
    /**
     * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
     */
    checkmarkSize?: number;
    /**
     * Space between parts of the item control in pixels
     */
    gap?: number;
    /**
     * Color of the icon
     */
    iconColor?: ColorValue;
    /**
     * Size of the icon. Pixels for SVG and points for font icon.
     */
    iconSize?: number;
    /**
     * Amount of space in pixels at the end of the item control that is reserved to align the item's text with other items which have checkmarks
     * @platform android
     */
    marginEndForCheckedAndroid?: number;
    /**
     * Color of the indicator that shows that an item has a submenu
     */
    submenuIndicatorColor?: ColorValue;
    /**
     * Amount of space in pixels around the indicator that shows that an item has a submenu
     */
    submenuIndicatorPadding?: number;
    /**
     * Height and width in pixels of the indicator that shows that an item has a submenu
     */
    submenuIndicatorSize?: number;
    /**
     * States of the item control
     */
    disabled?: MenuItemTokens;
    focused?: MenuItemTokens;
    hovered?: MenuItemTokens;
    pressed?: MenuItemTokens;
}
export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress' | 'children'> {
    /**
     * A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
     */
    componentRef?: React.RefObject<IFocusable>;
    icon?: IconProps | ImageProps;
    /**
     * A callback to call on button click event
     */
    onClick?: (e: InteractionEvent) => void;
    /**
     * Do not dismiss the menu when a menu item is clicked
     */
    persistOnClick?: boolean;
    /**
     * Menu item is itself a view type but takes the children props from TextProps
     */
    children?: TextProps['children'];
}
export interface MenuItemState extends PressableState {
    /**
     * Whether Menu has other items that are checkbox or radio.
     */
    hasCheckmarks?: boolean;
    /**
     * Whether Menu has items with icons.
     */
    hasIcons?: boolean;
    /**
     * If the menu item is a trigger for a submenu
     */
    hasSubmenu?: boolean;
    /**
     * States that menu items all have tooltips with its text by default.
     */
    hasTooltips?: boolean;
}
export interface MenuItemInfo {
    props: MenuItemProps & React.ComponentPropsWithRef<any>;
    state: MenuItemState;
}
export interface MenuItemSlotProps {
    root: React.PropsWithRef<PressablePropsExtended>;
    content?: TextProps;
    checkmark?: React.PropsWithRef<IViewProps>;
    iconPlaceholder?: React.PropsWithRef<IViewProps>;
    imgIcon?: ImageProps;
    fontOrSvgIcon?: IconProps;
    submenuIndicator?: XmlProps;
}
export interface MenuItemType {
    props: MenuItemProps;
    tokens: MenuItemTokens;
    slotProps: MenuItemSlotProps;
}
//# sourceMappingURL=MenuItem.types.d.ts.map