import React from 'react';
import { StyleProp, ViewStyle } from 'react-native';
export type Ux4gPipelineOrientation = 'vertical' | 'horizontal';
export type Ux4gPipelineStepState = 'completed' | 'current' | 'upcoming' | 'error' | 'warning';
export type Ux4gPipelineSize = 's' | 'm' | 'l';
export interface Ux4gPipelineStep {
    /** Label text (e.g. "Submitted", "Verification") */
    label?: string;
    /** Description text (e.g. "5 Apr", "In progress") */
    description?: string;
    /** Step state — controls icon, color, and line style */
    state?: Ux4gPipelineStepState;
    /** Custom icon widget to display inside the circle (overrides default) */
    customIcon?: React.ReactNode;
    /** Custom color for the step circle (overrides state color) */
    customColor?: string;
}
export interface Ux4gStatusPipelineProps {
    /** Steps to display */
    steps: Ux4gPipelineStep[];
    /** Current active step index (0-based). Set to -1 to rely purely on step.state */
    currentStep?: number;
    /** Orientation: 'vertical' | 'horizontal' (default: 'vertical') */
    orientation?: Ux4gPipelineOrientation;
    /** Size preset: 's' | 'm' | 'l' (default: 'm') */
    size?: Ux4gPipelineSize;
    /** Whether to show labels (default: true) */
    showLabels?: boolean;
    /** Whether to show descriptions (default: true) */
    showDescriptions?: boolean;
    /** Thickness of completed/active lines (overrides default) */
    activeLineWidth?: number;
    /** Thickness of upcoming lines (overrides default) */
    inactiveLineWidth?: number;
    /** Color for completed steps (overrides default green) */
    completedColor?: string;
    /** Color for current step (overrides default primary) */
    currentColor?: string;
    /** Color for upcoming steps (overrides default gray) */
    upcomingColor?: string;
    /** Color for error steps (overrides default red) */
    errorColor?: string;
    /** Color for warning steps (overrides default orange) */
    warningColor?: string;
    /** Custom line color for completed segments */
    completedLineColor?: string;
    /** Custom line color for upcoming segments */
    upcomingLineColor?: string;
    /** Spacing between step indicator and label text */
    labelSpacing?: number;
    /** Custom circle size override */
    circleSize?: number;
    /** Custom container style */
    style?: StyleProp<ViewStyle>;
}
export declare const Ux4gStatusPipeline: React.FC<Ux4gStatusPipelineProps>;
export default Ux4gStatusPipeline;
//# sourceMappingURL=StatusPipeline.d.ts.map