@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
18 lines (17 loc) • 873 B
TypeScript
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;