import * as React from 'react';
import { Component, ReactNode } from 'react';
import { SubsetKeys } from '@nu-art/ts-common';
import './TS_MultiSelect.scss';
import { EditableItem } from '../../utils/EditableItem.js';
type Binder_MultiSelect<EnclosingItem, K extends keyof EnclosingItem, ExpectedType> = EnclosingItem[K] extends ExpectedType[] ? {
    EnclosingItem: EnclosingItem;
    Prop: K;
    InnerType: ExpectedType;
} : never;
export type DynamicProps_TS_MultiSelect_V2<EnclosingItem, Prop extends keyof EnclosingItem> = {
    editable: EditableItem<EnclosingItem>;
    prop: Prop;
    disabled?: boolean;
};
export type StaticProps_TS_MultiSelect_V2<ItemType> = {
    className?: string;
    itemsDirection?: 'vertical' | 'horizontal';
    selectionFilter?: (item: ItemType) => boolean;
    itemFilter?: (item: ItemType) => boolean;
    sort?: (items: ItemType[]) => ItemType[];
    itemRenderer: (item?: ItemType, onDelete?: () => Promise<void>, disabled?: boolean) => ReactNode;
    selectionRenderer: React.ComponentType<MultiSelect_Selector<ItemType>>;
};
export type Props_TS_MultiSelect_V2<Binder extends Binder_MultiSelect<any, any, any>> = StaticProps_TS_MultiSelect_V2<Binder['InnerType']> & DynamicProps_TS_MultiSelect_V2<Binder['EnclosingItem'], Binder['Prop']>;
export type MultiSelect_Selector<ItemType> = {
    className: string;
    existingItems: ItemType[];
    onSelected: (selected: ItemType) => void | Promise<void>;
    queryFilter?: (item: ItemType) => boolean;
};
export declare class TS_MultiSelect_V2<Binder extends Binder_MultiSelect<any, any, any>> extends Component<Props_TS_MultiSelect_V2<Binder>, any> {
    static prepare<EnclosingItem, K extends keyof EnclosingItem, InnerType>(_props: StaticProps_TS_MultiSelect_V2<InnerType>): <EnclosingItem_, Prop extends SubsetKeys<keyof EnclosingItem_, EnclosingItem_, InnerType[] | undefined>>(props: DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<StaticProps_TS_MultiSelect_V2<InnerType>>) => import("react/jsx-runtime").JSX.Element;
    render(): import("react/jsx-runtime").JSX.Element;
}
export {};