import * as React from 'react';
import { ButtonProps } from '../Button';
import { StepStatus } from './Step';
export type { StepStatus };
export type Step<T = string> = {
    id: T;
    label: string;
    status: StepStatus;
};
export type CustomButtonConfig = {
    content: React.ReactNode;
    props?: Omit<ButtonProps, 'children'>;
};
export interface StepIndicatorProps<T = string> {
    steps: Step<T>[];
    onStepClick: (stepId: T) => void;
    showNavigation?: boolean;
    onNext?: () => void;
    onBack?: () => void;
    disableNext?: boolean;
    disableBack?: boolean;
    className?: string;
    /** Override the next button with custom content */
    customNextButton?: CustomButtonConfig;
    /** Override the back button with custom content */
    customBackButton?: CustomButtonConfig;
}
export declare function StepIndicator<T = string>({ steps, onStepClick, showNavigation, onNext, onBack, disableNext, disableBack, className, customNextButton, customBackButton, }: StepIndicatorProps<T>): import("react/jsx-runtime").JSX.Element;