import React from 'react';
import { CommonProps, MarginProps } from '@contentful/f36-core';

interface ProgressStepperProps extends CommonProps, MarginProps {
    children: React.ReactNode;
    /**
     * string for additional classNames
     */
    className?: string;
    /**
     * @default horizontal
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * @default number
     */
    stepStyle?: 'number' | 'icon';
    /**
     * @default 0
     */
    activeStep?: number;
    /**
     * Label to be used on aria-label for the nav element
     */
    ariaLabel: string;
    /**
     * Handler when the step is clicked
     */
    onClick?: (stepNumber: number) => void;
}
declare const ProgressStepper$1: React.ForwardRefExoticComponent<ProgressStepperProps & React.RefAttributes<HTMLDivElement>>;

interface StepProps extends CommonProps {
    /**
     * @default incomplete
     */
    state?: 'active' | 'error' | 'warning' | 'disabled' | 'complete' | 'incomplete';
    labelText?: string;
    /**
     * Private prop for the ProgressStepper component
     * @private
     */
    stepNumber?: number;
    /**
     * Private prop for the ProgressStepper component
     * @private
     */
    stepStyle?: 'number' | 'icon';
    /**
     * Private prop for the ProgressStepper component
     * @private
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Private prop for the ProgressStepper component
     * @private
     */
    activeStep?: number;
    /**
     * Private prop for the ProgressStepper component
     * @private
     * @param stepNumber
     */
    onClick?: (stepNumber: number) => void;
}
declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLLIElement>>;

type CompoundProgressStepper = typeof ProgressStepper$1 & {
    Step: typeof Step;
};
declare const ProgressStepper: CompoundProgressStepper;

export { ProgressStepper, type ProgressStepperProps, Step, type StepProps };