import React from 'react';
import type { TokenTransferSourceChainsAndAssets } from '../../modals/CheckoutModal/TransferToken/TransferToken';
import type { BaseActiveDropdownItemProps } from './BaseActiveDropdownItem';
import { type BaseDropdownProps } from './BaseDropdown';
interface ChainDropdownProps {
    assets: TokenTransferSourceChainsAndAssets;
    /** Chain IDs in display order. If provided, determines the dropdown order. */
    chainIdSortOrder?: number[];
    selectedChainId?: number;
    selectedToken?: string;
    onChainSelected: (chainId: number | undefined, 
    /**
     * If true, it will trigger automatic updates for the matching token in the parent component.
     */
    autoUpdate?: boolean) => void;
    /** Provides option to allow going back to unselected state and displays that state as a selectable option */
    allowUnselect?: boolean;
    activeItemProps?: BaseDropdownProps['activeItemProps'];
    openDropdownBackgroundColor?: BaseDropdownProps['openDropdownBackgroundColor'];
    openDropdownFullWidth?: BaseDropdownProps['openDropdownFullWidth'];
    size?: BaseActiveDropdownItemProps['size'];
    isLoading?: BaseDropdownProps['isLoading'];
    alwaysOpenToTop?: BaseDropdownProps['alwaysOpenToTop'];
    maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
    tagComponent?: (value: string) => React.ReactNode;
    placeholder?: string;
    testId?: string;
}
export declare const ChainDropdown: ({ assets, chainIdSortOrder, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, placeholder, testId, }: ChainDropdownProps) => React.JSX.Element;
export {};