import { InputHTMLAttributes, ReactElement } from 'react';
import { FloatingPortalProps, Placement, Strategy, UseClickProps, UseDismissProps } from '@floating-ui/react';
import { VirtuosoProps } from 'react-virtuoso';
import { Size } from '../../utils';
import { ComponentCoreProps } from '../../utils/types';
import { AvatarType } from '../Avatar/types';
import { IconSource } from '../Icon';
import { TagProps } from '../Tag';
export interface IPickerListItem {
    key: string;
    name: string;
    customElement?: {
        listItemBody?: ReactElement;
        selectedItemBody?: ReactElement;
    };
    groupHeader?: boolean;
    disabled?: boolean;
    icon?: IconSource;
    /**
     * @deprecated Use avatar object instead
     */
    avatarSrc?: string;
    avatar?: {
        src?: string;
        type: AvatarType;
    } | null;
    secondaryText?: string;
    showCheckbox?: boolean;
    selectedTagOptions?: TagProps;
}
export type PickerType = 'single' | 'multi';
export interface IPickerProps extends ComponentCoreProps {
    /**
     * Specify the custom id
     */
    id?: string;
    /**
     * The CSS class for picker container
     */
    className?: string;
    /**
     * The CSS class for picker list
     */
    listClassName?: string;
    /**
     * Specify the max height of the picker list
     */
    maxListHeight?: number;
    /**
     * Specify the min height of the picker list
     */
    minListHeight?: number;
    /**
     * Specify whether the picker should be disabled
     */
    disabled?: boolean;
    /**
     * Specify whether the picker should be in error state
     */
    error?: boolean;
    /**
     * Array of picker options
     */
    options: IPickerListItem[];
    /**
     * Array of picker selected options
     */
    selected?: IPickerListItem[] | null;
    /**
     * Specify the picker size
     */
    size?: Size;
    /**
     * Specify the placeholder for search input
     */
    placeholder?: string;
    /**
     * Specify whether the option select is required
     */
    isRequired?: boolean;
    /**
     * Text if no search result were found
     */
    noSearchResultText?: string;
    /**
     * Text for `select all` option which will be visible if defined in multi select mode
     */
    selectAllOptionText?: string;
    /**
     * Set `multi` to specify whether the picker should allow to multi selection
     */
    type?: PickerType;
    /**
     * Set to disable search input
     */
    searchDisabled?: boolean;
    /**
     * Set to hide clear selection button
     */
    hideClearButton?: boolean;
    /**
     * Set picker visibility
     */
    isVisible?: boolean;
    /**
     * Optional handler called on picker list hide
     */
    onClose?: (event?: Event) => void;
    /**
     * Optional handler called on picker list show
     */
    onOpen?: (event?: Event) => void;
    /**
     * Will open picker on component initialization
     */
    openedOnInit?: boolean;
    /**
     * Callback called after item selection
     */
    onSelect: (selectedItems: IPickerListItem[] | null) => void;
    /**
     * Clears the search input after item select
     */
    clearSearchAfterSelection?: boolean;
    /**
     * The popover placement related to the trigger element
     */
    placement?: Placement;
    /**
     * Floating strategy for the picker component from @floating-ui/react
     */
    floatingStrategy?: Strategy;
    /**
     * Root node the portal container from @floating-ui/react will be appended to
     */
    root?: FloatingPortalProps['root'];
    /**
     * Set the `floating-ui` useDismiss hook params if you need more control
     * https://floating-ui.com/docs/usedismiss
     */
    useDismissHookProps?: UseDismissProps;
    /**
     * Set the `floating-ui` useClick hook params if you need more control
     * https://floating-ui.com/docs/useclick
     */
    useClickHookProps?: UseClickProps;
    /**
     * Props for the Virtuoso component
     * https://virtuoso.dev/virtuoso-api-reference/
     */
    virtuosoProps?: VirtuosoProps<IPickerListItem, unknown>;
    /**
     * Additional props for the input element
     */
    inputProps?: InputHTMLAttributes<HTMLInputElement> | Record<string, unknown>;
    /**
     * Set the text to display with read-only state when there is no data. Default to 'No data'
     */
    noDataFallbackText?: string;
}