import React, { ReactElement } from 'react';
import { SupportedSize } from '../Element/Element';
declare type StepsProps = {
    /** 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;
    /** Boolean that enables centering */
    centerSteps?: boolean;
    /** Boolean that enables filling the component width */
    spaceBetweenSteps?: boolean;
    /** An element (e.g. Icon) that appears inside a "completed" state indicator - true will use the default icon */
    completionIcon?: React.ReactNode | boolean;
    /** Boolean that triggers an always-bright variant for completed state items */
    alwaysBrightCompleted?: boolean;
    /** A number of Step elements */
    children: ReactElement[];
    /** A size of a padding between steps */
    paddingSize?: SupportedSize;
};
declare const Steps: React.FunctionComponent<StepsProps>;
export default Steps;