import React from 'react';
import { StyleProp, ViewStyle } from 'react-native';
export interface Ux4gSpinnerProps {
    /** Diameter size of the spinner ring in points. Defaults to `40`. */
    size?: number;
    /** Primary color of the spinner arc. Defaults to `theme.colors.primary`. */
    color?: string;
    /** Optional list of colors for multi-tone or gradient ring segments (`[startColor, midColor, endColor]`). */
    gradientColors?: string[];
    /** Arc fill percentage (`0` to `100`). Defaults to `100` (`360°` optical arc when continuous spinning). */
    percentage?: number;
    /** Thickness of the spinner ring/arc (`strokeWidth`). Defaults to `4`. */
    strokeWidth?: number;
    /** Milliseconds for a full 360° rotation (`rotationDurationMillis`). Defaults to `1200`. */
    rotationDurationMillis?: number;
    /** Optional style override for the outer container */
    style?: StyleProp<ViewStyle>;
    /** Test identifier */
    testID?: string;
}
/**
 * UX4G Design System Spinner (`Ux4gSpinner`) for React Native and TypeScript.
 * Ported directly from the Flutter `Ux4gLoader` (`loader.dart`) component.
 * Uses 60 FPS hardware-accelerated (`useNativeDriver: true`) rotation animation without any external dependencies.
 * Renders a true angular sweep-gradient arc (`percentage` from 0 to 100) with a rounded leading cap dot (`Circle`),
 * exact visual fidelity matching Flutter's `_LoaderPainter` and SweepGradient without Android linear gradient bugs.
 */
export declare const Ux4gSpinner: React.FC<Ux4gSpinnerProps>;
export default Ux4gSpinner;
//# sourceMappingURL=Spinner.d.ts.map