import React, { ReactNode } from 'react';
import { SupportedSize } from '../Element/Element';
import StepperItem from './StepperItem/StepperItem';
declare type StepperProps = {
    /** Index of the active step */
    selectedStepIndex: number;
    /** Function with arguments (index, selectedStepIndex) that determines whether a step is active */
    isStepActive?: (index: number, selectedStepIndex: number) => boolean;
    /** Function with arguments (index, selectedStepIndex) that determines whether a step is completed */
    isStepCompleted?: (index: number, selectedStepIndex: number) => boolean;
    /** Function with arguments (index, selectedStepIndex) that determines whether a step is selectable */
    isStepSelectable?: (index: number, selectedStepIndex: number) => boolean;
    /** Event handler with arguments (event, index), where index is the index of the selected step */
    onSelect?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, index: number) => void;
    /** Any positive number of Stepper.Item elements */
    children: ReactNode[];
    /** Boolean that enables centering, passed to the Steps component */
    centerSteps?: boolean;
    /** Boolean that enables filling the component width, passed to the Steps component */
    spaceBetweenSteps?: boolean;
    /** An element (e.g. Icon) that appears inside a "completed" state indicator - true will use the default icon */
    completionIcon?: ReactNode;
    /** Boolean that triggers an always-bright variant for completed state items */
    alwaysBrightCompleted?: boolean;
    /** A size of a padding between steps */
    paddingSize?: SupportedSize;
};
export declare type StepperAttributes = StepperProps;
declare const Stepper: React.FunctionComponent<StepperProps> & {
    Item: typeof StepperItem;
};
export default Stepper;