import React, { ComponentType } from 'react';
import { MultiSelectProps as BPMultiSelectProps } from '@blueprintjs/select';
import { FieldBaseProps } from '@blueprintjs-formik/core';
import { FormikItemRenderer, SelectOptionProps } from './types';
interface MultiSelectCommonProps<T> {
    itemRenderer?: FormikItemRenderer<T>;
    onItemSelect?: (item: T, event?: React.SyntheticEvent<HTMLElement>) => void;
    selectedItems?: T[];
    tagRenderer?: (item: T) => React.ReactNode;
    valueAccessor?: string;
    labelAccessor?: string;
    textAccessor?: string;
    tagAccessor?: string;
    noResultsText?: string;
    onCreateItemSelect?: (item: T, event?: React.SyntheticEvent<HTMLElement>) => void;
}
interface BaseMultiSelectProps<T> extends Omit<BPMultiSelectProps<T>, 'itemRenderer' | 'onItemSelect' | 'selectedItems' | 'tagRenderer'>, MultiSelectCommonProps<T> {
}
export interface MultiSelectProps<T> extends BaseMultiSelectProps<T> {
    selectedValues?: (string | number)[];
    initialSelectedValues?: (string | number)[];
    onValuesChange?: (values: (string | number)[]) => void;
}
export interface FormikMultiSelectProps<T> extends Omit<FieldBaseProps, 'children' | 'as' | 'component'>, BaseMultiSelectProps<T> {
    name: string;
}
/**
 * MultiSelect component (standalone, not bound to Formik).
 * @param {MultiSelectProps<T>} props
 * @returns {JSX.Element}
 */
export declare function MultiSelect<T extends SelectOptionProps>(props: MultiSelectProps<T>): JSX.Element;
/**
 * Props for the Formik-bound MultiSelect component created by withFormikMultiSelect.
 */
export type WithFormikMultiSelectProps<T> = Omit<MultiSelectProps<T>, 'selectedValues' | 'onValuesChange' | 'initialSelectedValues'> & Omit<FieldBaseProps, 'children' | 'as' | 'component'> & {
    name: string;
};
/**
 * Higher-Order Component that wraps a MultiSelect component to bind it with Formik.
 *
 * @example
 * ```tsx
 * const FormikBoundMultiSelect = withFormikMultiSelect(MultiSelect);
 *
 * // Usage in a Formik form:
 * <FormikBoundMultiSelect
 *   name="tags"
 *   items={tags}
 *   valueAccessor="id"
 *   labelAccessor="name"
 *   textAccessor="name"
 * />
 * ```
 *
 * @param WrappedComponent - The MultiSelect component to wrap
 * @returns A new component that is bound to Formik
 */
export declare function withFormikMultiSelect<T extends SelectOptionProps>(WrappedComponent: ComponentType<MultiSelectProps<T>>): {
    (props: WithFormikMultiSelectProps<T>): JSX.Element;
    displayName: string;
};
/**
 * MultiSelect component bound to Formik. Built using withFormikMultiSelect HOC.
 * @exports
 * @param {FormikMultiSelectProps<T>} props
 * @returns {JSX.Element}
 */
export declare const FormikMultiSelect: <T extends SelectOptionProps = SelectOptionProps>(props: WithFormikMultiSelectProps<T>) => JSX.Element;
/**
 * @deprecated Use FormikMultiSelect instead. This alias is provided for backwards compatibility.
 */
export declare const MultiSelectField: <T extends SelectOptionProps = SelectOptionProps>(props: WithFormikMultiSelectProps<T>) => JSX.Element;
export {};