import React from "react";
import type { TableColumns } from "../Table";
import type { TooltipPlacement } from "../Tooltip";
import type { ControlledFormValue, StringKey } from "../../internal/type";
export interface Props<RowType extends object> extends ControlledFormValue<RowType[]> {
    dataSource: RowType[];
    rowKey: StringKey<RowType> | ((record: RowType, index?: number) => string);
    tableColumns: TableColumns<RowType>;
    /**
     * If string key, it will render each value as a closable tag with key as label.
     * If function returning string[] (must be same length with values), it will render as closable tags.
     * If function returning React Element, it will render the element itself.
     * If undefined, it will render nothing.
     */
    renderTags?: StringKey<RowType> | ((values: RowType[]) => React.ReactElement | string[]);
    renderPopover?: (table: React.ReactElement) => React.ReactElement;
    renderButtonText?: string | ((selectedCount: number) => string);
    popoverPlacement?: TooltipPlacement;
    popoverClassName?: string;
    popoverStyle?: React.CSSProperties;
    onPopoverFirstRender?: () => void;
    disabled?: "button" | "table";
    scrollY?: number;
    popoverOpen?: boolean;
    onPopoverOpenChange?: (open: boolean) => void;
}
export declare const MultipleSelector: <RowType extends object>(props: Props<RowType>) => React.JSX.Element;