import type { FunctionComponent } from 'react';
import type { ImageStyle, ImageURISource, StyleProp, TextStyle, ViewStyle } from 'react-native';
export interface IdStep {
    id: number;
    name: string;
}
export interface SerializableStepIndicatorProps {
    completedStyle?: ViewStyle;
    completedTextStyle?: TextStyle;
    completedIconStyle?: ImageStyle;
    incompleteStyle?: ViewStyle;
    incompleteTextStyle?: TextStyle;
    incompleteIconStyle?: ImageStyle;
    currentStyle?: ViewStyle;
    currentStep: number;
    currentTextStyle?: TextStyle;
    defaultStyle?: ViewStyle;
    defaultTextStyle?: TextStyle;
    style?: ViewStyle;
    stepTitles: Array<IdStep | string>;
    line?: boolean;
}
export interface StepIndicatorProps extends Omit<SerializableStepIndicatorProps, 'completedIconStyle' | 'completedStyle' | 'completedTextStyle' | 'currentStyle' | 'currentTextStyle' | 'defaultStyle' | 'defaultTextStyle' | 'style'> {
    completedStyle?: StyleProp<ViewStyle>;
    completedTextStyle?: StyleProp<TextStyle>;
    completedIcon?: ImageURISource;
    completedIconStyle?: StyleProp<ImageStyle>;
    currentStyle?: StyleProp<ViewStyle>;
    currentTextStyle?: StyleProp<TextStyle>;
    defaultStyle?: StyleProp<ViewStyle>;
    defaultTextStyle?: StyleProp<TextStyle>;
    onStepPressed?: (step: number, title: string) => void;
    style?: StyleProp<ViewStyle>;
    renderComplete?: (step: IdStep | string) => JSX.Element;
    renderActive?: (step: IdStep | string) => JSX.Element;
    renderIncomplete?: (step: IdStep | string) => JSX.Element;
}
/**
 * StepIndicator component for displaying a series of steps in their completed state
 */
export declare const StepIndicator: FunctionComponent<StepIndicatorProps>;