
export interface AreaProps {
    children: JSX.Element;
}

export interface MenuProps {
    children: JSX.Element;
}


export interface AreaMenuProps {
    id?: string;
    isOpen?: boolean;
    children: JSX.Element[];       // which type??
    /** If true, click outside the Menu close the component */
    clickAway?: boolean,
    isDisabled?: boolean;
    menuPlacement?:     
    | "top-start"
    | "top"
    | "top-end"
    | "left-start"
    | "left"
    | "left-end"
    | "right-start"
    | "right"
    | "right-end"
    | "bottom-start"
    | "bottom"
    | "bottom-end";
    onBlur?: () => void;
    ref?: any
}