import { ID } from '@zeniai/client-epic-state';
import { ReactFragment } from '../../../../../../../types/common';
import { DisableMode } from '../../../../../../formElements/common/common';
/**
 * Component & its Props
 */
export interface OptionType {
    label: string;
    value: string;
}
export interface SingleSelectProps {
    allValues: string[];
    name: string;
    showEyeIconOnSelect: boolean;
    alwaysShowEyeTooltip?: boolean;
    isDisabled?: DisableMode;
    isOptionRemovable?: boolean;
    maxMenuHeight?: number;
    menuPlacement?: "auto" | "bottom" | "top";
    placeholder?: string;
    selectedValue?: string;
    showAddBankAccountOption?: boolean;
    showCollectPaymentDetailsOption?: boolean;
    showDeleteIcon?: boolean;
    showTickMark?: boolean;
    showValueEyeIcon?: boolean;
    showVerifiedIcon?: boolean;
    sortOptions?: boolean;
    style?: React.CSSProperties;
    vendorName?: string;
    onSelectedValueChanged: (selectedValue?: string) => void;
    getLabelForId?: (id: ID) => string;
    getSelectedLabelForId?: (id: ID) => string;
    getTooltipInfo?: (bankId: string) => string | ReactFragment | React.ReactElement;
    isContactOption?: (id: ID) => boolean;
    onClickCollectPaymentDetails?: () => void;
    onClickCreateBankAccount?: () => void;
    onDelete?: (bankAccountId: ID) => void;
}
export declare const SingleSelect: ({ allValues, selectedValue, name, showEyeIconOnSelect, isDisabled, showValueEyeIcon, placeholder, isOptionRemovable, showAddBankAccountOption, showCollectPaymentDetailsOption, menuPlacement, maxMenuHeight, alwaysShowEyeTooltip, showDeleteIcon, showTickMark, showVerifiedIcon, style, vendorName, sortOptions, onSelectedValueChanged, getLabelForId, getSelectedLabelForId, getTooltipInfo, onClickCreateBankAccount, onClickCollectPaymentDetails, onDelete, isContactOption, }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;