import type { ReactNode } from 'react';
export interface AssetGridItemProps {
    /** A token symbol, or a chain id. */
    id: string;
    /** Size it with `ASSET_GRID_AVATAR_SIZE`. */
    icon: ReactNode;
    label: string;
    selected: boolean;
    /** Offered but not pickable, e.g. a chain that doesn't carry the picked token. */
    unsupported?: boolean;
    onPress: () => void;
    /** Defaults to `label`. */
    accessibilityLabel?: string;
}
export interface AssetGridOverflow {
    /** Reads as a count, e.g. `+7 tokens`. */
    label: string;
    onPress: () => void;
    accessibilityLabel: string;
}
export interface AssetGridProps {
    /** Section header, e.g. "Select token". */
    title: string;
    items: AssetGridItemProps[];
    /** The `+N tokens ›` row. Omit when nothing is hidden. */
    overflow?: AssetGridOverflow;
}
/**
 * A titled grid of asset cells, five to a row, over an optional row leading to the
 * ones that didn't fit.
 *
 * Chunked into explicit rows of flexed columns, not wrapped on percentage widths:
 * Android rounds a percentage up to the nearest physical pixel, so five 20% cells
 * overflow their row and the fifth wraps.
 */
export declare function AssetGrid({ title, items, overflow }: AssetGridProps): import("react").JSX.Element;
/** One cell of the grid (Figma `icon/crypto-token` + its label). */
export declare function AssetGridItem({ icon, label, selected, unsupported, onPress, accessibilityLabel, }: AssetGridItemProps): import("react").JSX.Element;
//# sourceMappingURL=AssetGrid.d.ts.map