@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
18 lines (17 loc) • 939 B
TypeScript
import React from 'react';
import type { CheckoutProgressStep } from '../../providers/FunkitCheckoutContext';
export declare const STEP_SPINNER_MORPH_DEGREES = 45;
export declare const STEP_SPINNER_MORPH_MAX_OFFSET = 4;
export declare const STEP_SPINNER_SIZE_BIG_SCALE = 1;
export declare const STEP_SPINNER_SIZE_SMALL_SCALE: number;
/**
* Returns SVG path for a circle that expands or retracts on one side.
* @param deg In degrees - Span of morphing arcs *on each side* (e.g. 90° would be morphing an entire half) - 90° at most
* @param offset In pixels - Positive offset expands, negative offset retracts
* @param side Which side are we morphing - "left" or "right"
*/
export declare function getCircleMorphPath(deg: number, offset: number, side: 'left' | 'right'): string;
export declare function StepSpinner({ initialStep, step, }: {
initialStep: CheckoutProgressStep;
step: CheckoutProgressStep;
}): React.JSX.Element;