import { default as React } from 'react';
export type MenuItemProps = {
    /**
     * __Internal prop__ - The item index.
     */
    index?: number;
    /**
     * The menu item element which will be shown in the dropdown menu.
     */
    value?: string | React.ReactNode;
    /**
     * Sets the item as active/selected.
     */
    active?: boolean;
    /**
     * Setting "disabled" to true will disable the respective item.
     *
     * @default false
     */
    disabled?: boolean;
    /**
     * Will add a divider line between the items inside the dropdown.
     *
     * @default false
     */
    divider?: boolean;
    /**
     * Will treat the given value as a menu header.
     *
     * @default false
     */
    header?: boolean;
    /**
     * Callback function triggered when an item is selected.
     *
     * @param value
     * @param event
     * @returns
     */
    onSelect?: (value: number | undefined, event: React.MouseEvent<HTMLLIElement>) => void;
    /**
     * __Internal prop__ - Callback function triggered when the item is selected.
     */
    closeMenu?: VoidFunction;
    /**
     * __Internal prop__ - Callback function triggered when the item is hovered and not disabled.
     * @param event
     * @returns
     */
    onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;
};
declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
export default MenuItem;
