import React from "react";
import { type SearchProps } from "./search";
import type { TokenInfoWithBalance, TokenListWithBalance } from "./types";
import { type ManageListsProps } from "./manage-lists";
export * from "./types";
export interface ERC20TokenPickerProps {
    open?: boolean;
    onDismiss?: () => void;
    loading?: boolean;
    selectedToken?: TokenInfoWithBalance | null;
    onSearchQueryChange?: (query: string) => void;
    onSelectedTokenChange?: (token: TokenInfoWithBalance) => void;
    chainId?: number;
    lists?: TokenListWithBalance[];
    selectedList?: TokenListWithBalance | null;
    onSelectedListChange?: (list: TokenListWithBalance) => void;
    className?: {
        search: SearchProps["className"];
        manageLists: ManageListsProps["className"];
    };
    messages: {
        search: SearchProps["messages"];
        manageLists: ManageListsProps["messages"];
    };
    dataTestIds?: {
        search?: SearchProps["dataTestIds"];
        manageLists?: ManageListsProps["dataTestIds"];
    };
}
export declare function ERC20TokenPicker({ open, onDismiss, loading, onSearchQueryChange, onSelectedTokenChange, selectedToken, chainId, lists, selectedList, onSelectedListChange, className, messages, dataTestIds, }: ERC20TokenPickerProps): React.JSX.Element;
//# sourceMappingURL=index.d.ts.map