import { IAnimated, IBox, IText } from "../../core/types";
import React from 'react';
import { IStack } from '../Stack/types';
import { IList } from '../List/types';
import { StyleProps } from '@chakra-ui/react';
export interface IMenuComponent extends React.ForwardRefExoticComponent<IMenu & React.RefAttributes<HTMLDivElement>> {
    Heading: React.FC<IMenuHeading>;
    Title: React.FC<IMenuTitle>;
    Item: React.FC<IMenuItem<any>>;
    Expandable: React.FC<IMenuExpandable>;
    Expanded: React.FC<IMenuExpanded>;
    Groups: React.FC<IMenuGroups>;
}
export interface IMenuGroups extends IStack {
    children: React.ReactNode;
}
export interface IMenuHeading extends IBox {
    children: React.ReactNode;
    label?: string;
}
export interface IMenuTitle extends IText {
}
export interface IMenuExpanded extends IBox {
}
export interface IMenuItem<T extends HTMLElement = HTMLDivElement> extends Omit<IBox, 'onFocus' | 'onClick'> {
    label?: string;
    children?: React.ReactNode;
    isDisabled?: boolean;
    isActive?: boolean;
    value?: string;
    onFocus?: (event: React.FocusEvent<T>) => void;
    onClick?: (event: React.MouseEvent<T>) => void;
    href?: string;
}
export interface IMenu extends Omit<IList, 'onSelect'> {
    children: React.ReactNode;
    height?: string;
    hasDivider?: boolean;
    isConnected?: boolean;
    isDisabled?: boolean;
}
export interface IMenuExpandable extends Omit<IMenuItem<HTMLDivElement>, 'title'>, IAnimated {
    label?: string;
    title?: React.ReactNode;
    titleProps?: StyleProps;
    hasDivider?: boolean;
    onOpen?: () => void;
    onClose?: () => void;
    isOpen?: boolean;
    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
}