import React, { FC, SyntheticEvent } from 'react';
import { IconName } from '~/components';
import { Color, StitchedCSS } from '~/theme';
export declare type Value = string | number | undefined;
export declare type Option = {
    value: Value;
    label?: React.ReactNode | string;
    icon?: IconName;
    divider?: boolean;
    onSelect?: (e?: React.SyntheticEvent<Element, Event>, opt?: Option) => true | void;
};
export declare type ContextOptionsFilterProps = {
    filterable?: boolean | 'create';
    placeholder?: string;
    resize?: () => void;
    multiSelect?: boolean;
};
export declare type ContextOptionsProps = {
    items: Option[] | null | undefined;
    value?: Value;
    onChange: (value: Value) => void;
};
export declare type ContextMultiOptionsProps = {
    items: Option[] | null | undefined;
    values?: Value[];
    onChange: (values: Value[]) => void;
};
export declare const ContextOptionItem: React.ForwardRefExoticComponent<{
    option: Option;
    onChange: (value: Value) => void;
    selected: boolean;
    tabIndex?: number;
    noRemove?: boolean;
    noInset?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
export declare const ContextOptions: FC<ContextOptionsProps & ContextOptionsFilterProps>;
export declare const FilterSelectBadge: FC<{
    label: string | React.ReactNode;
    onClose: () => void;
    color?: Color;
    css?: StitchedCSS;
}>;
export declare const FilterSelectMoreBadge: FC<{
    onClick?: (e: SyntheticEvent) => void;
    number: number;
    color?: Color;
    css?: StitchedCSS;
}>;
export declare const ContextMultiOptions: FC<ContextMultiOptionsProps & ContextOptionsFilterProps>;
//# sourceMappingURL=ContextOptions.d.ts.map