import { HTMLAttributes, ReactNode, FC } from 'react';
import { ButtonClickHandler } from '../Button';
export interface StepperAction {
    /**
     * The label for the stepper button (previous, next or complete action).
     */
    readonly label: string;
    /**
     * The click handler for the stepper button (previous, next or complete action).
     */
    readonly onClick?: ButtonClickHandler;
}
declare type BaseElement = HTMLDivElement;
declare type BaseProps = HTMLAttributes<BaseElement>;
export interface StepContent extends BaseProps {
    readonly label: ReactNode;
    readonly content: ReactNode;
    readonly hasErrors?: boolean;
    readonly disableNext?: boolean;
}
export declare const StepLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("../Typography").TypographyProps & {
    variant: string;
}, "variant">;
export declare const StepControls: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
interface StepProps extends Omit<StepContent, 'content'> {
    /**
     * The function that run on action button click in the last stepper step.
     */
    readonly completeAction: StepperAction;
    /**
     * The function that runs on previous button click.
     */
    readonly prevAction: StepperAction;
    /**
     * The function that runs on next button click.
     */
    readonly nextAction: StepperAction;
    /**
     * The function that runs on reset button click.
     */
    readonly resetAction: StepperAction;
    readonly children: ReactNode;
    readonly currentStep: number;
    readonly stepId: number;
    readonly setCurrentStep: (step: number) => void;
    readonly completedSteps: ReadonlyArray<number>;
    readonly setCompletedSteps: (steps: ReadonlyArray<number>) => void;
    readonly numberOfSteps: number;
    readonly hasAnyErrors: boolean;
    readonly disableNext?: boolean;
}
export declare const Step: FC<StepProps>;
export {};