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;
