import React from 'react';
export interface DirectionSwapButtonProps {
    onClick: () => void;
    testId?: string;
}
/**
 * The control sitting between the two account rows. Pressing it swaps which
 * account is the source: the top row is always the "From" account (the amount
 * you send), so a swap just changes the labels on each row. The icon is a
 * static downward arrow (matching the design) — it does not rotate on toggle.
 *
 * Styled per Figma as a 32px outlined circle: white surface with a 1px border
 * (gray/100 → gray/200 on hover) and a faint hover/pressed fill. The Figma
 * border vars map to the nearest funkit stroke tokens (mediumStroke ≈ #efefef,
 * heavyStroke ≈ #ddd); the surface uses the icon-button background defaults.
 */
export declare function DirectionSwapButton({ onClick, testId, }: DirectionSwapButtonProps): React.JSX.Element;