import React, { MouseEventHandler, ReactNode } from "react";
export interface IOptionItemProps {
    /** Value of option */
    id: string | number;
    /** Label of option */
    name: string;
    /** Content for tooltip */
    tooltip?: string;
    /** Additional info right-side of name */
    additionalInfo?: string;
    /** image url for Avatar or MultiAvatar */
    image?: string | string[];
    /** Hex color for label */
    color?: string;
    /** Color for chip label */
    chipColor?: string;
    /** Value of mixed */
    mixed?: boolean;
}
interface IAdditionalOptionItemProps {
    /** Value of option */
    id?: string | number;
    /** Label of option */
    name: string;
    /** Content for tooltip */
    tooltip?: string;
    /** Hovered state */
    hover?: boolean;
    /** Class name of option */
    className?: string;
    /** Render option function */
    renderOption?: ReactNode;
    /** On mouse enter callback */
    onMouseEnter?: (e: string | number | undefined) => void;
    /** On mouse click */
    onClick?: MouseEventHandler<HTMLLIElement>;
}
export declare const Option: React.ForwardRefExoticComponent<IAdditionalOptionItemProps & React.RefAttributes<HTMLLIElement>>;
export {};
//# sourceMappingURL=Option.d.ts.map