import React from 'react';
import { type FlexAllProps, type FlexComponentProps } from 'reflexy/styled';
import type { IconComponentProps } from '../theme';
import { type MenuListItemProps } from './MenuListItem';
export type MenuItem<V, I extends IconComponentProps> = Omit<MenuListItemProps<V, I>, 'onClick'> & React.Attributes;
export interface MenuListProps<V, I extends IconComponentProps, HI extends IconComponentProps> extends FlexComponentProps<'div'> {
    header?: React.ReactNode | undefined;
    headerIcon?: HI | undefined;
    headerAction?: string | React.ReactElement | undefined;
    itemComponent?: React.FC<MenuListItemProps<V, I>>;
    items?: MenuItem<V, I>[] | undefined;
    headerProps?: FlexAllProps<React.ComponentType<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>> | undefined;
    headerGroupProps?: FlexAllProps<'div'> | undefined;
    listProps?: FlexAllProps<React.ComponentType<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>> | undefined;
    onItemSelect?: MenuListItemProps<V, I>['onItemSelect'] | undefined;
    onItemMouseEnter?: ((value: MenuListItemProps<V, I>['itemValue'], event: React.MouseEvent<HTMLDivElement>) => void) | undefined;
    onItemMouseLeave?: ((value: MenuListItemProps<V, I>['itemValue'], event: React.MouseEvent<HTMLDivElement>) => void) | undefined;
    onItemFocus?: ((value: MenuListItemProps<V, I>['itemValue'], event: React.FocusEvent<HTMLDivElement>) => void) | undefined;
    onItemBlur?: ((value: MenuListItemProps<V, I>['itemValue'], event: React.FocusEvent<HTMLDivElement>) => void) | undefined;
    onItemProps?: ((itemProps: MenuItem<V, I>) => MenuItem<V, I>) | undefined;
    onClose?: VoidFunction | undefined;
    onBack?: VoidFunction | undefined;
    onHeaderAction?: VoidFunction | undefined;
}
export declare const DefaultHeaderAction: import("@emotion/styled").StyledComponent<import("reflexy/styled").FlexProps & import("reflexy/styled").SpaceProps & import("reflexy/styled").OverflowProps & import("reflexy/styled").Styleable<string, React.CSSProperties> & Omit<import("reflexy/types").GetComponentProps<"button">, keyof import("reflexy/styled").Styleable<string, React.CSSProperties>> & {
    component?: "button" | undefined;
} & import("../Button").ButtonStyleProps & Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
export default function MenuList<V, I extends IconComponentProps, HI extends IconComponentProps>({ header, headerIcon, onBack, onClose, itemComponent: ItemComponent, items, headerProps, headerGroupProps, listProps, onItemSelect, onItemMouseEnter, onItemMouseLeave, onItemFocus, onItemBlur, onItemProps, headerAction, onHeaderAction, children, onKeyDown, ...rest }: MenuListProps<V, I, HI>): React.JSX.Element;