import React, { ReactNode } from 'react';
import { ResponsiveHiddenProp } from '../../components/Element/Element';
declare type StepProps = {
    /** String or number that appears as the label inside the step indicator */
    label: ReactNode | string | number;
    /** String or component that appears next to the step indicator */
    description?: ReactNode | string;
    /** Control responsiveHidden prop of description container */
    descriptionResponsiveHidden?: ResponsiveHiddenProp;
    /** Pile description and step icon vertically */
    stepContentToColumn?: boolean;
    /** Boolean that determines whether the indicator is in an active state or not */
    active?: boolean;
    /** Boolean that determines whether the indicator is in completed state or not */
    completed?: boolean;
    /** Boolean that determines whether the indicator can be selected (clicked) or not */
    selectable?: boolean;
    /** Click handler; disabled if the component is not marked "selectable" */
    onSelect?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /** An element (e.g. Icon) that appears inside a "completed" state indicator - true will use the default icon */
    completionIcon?: boolean | React.ReactNode;
    /** Boolean that triggers an always-bright variant for completed state items */
    alwaysBrightCompleted?: boolean;
};
export declare type StepAttributes = StepProps;
declare const Step: React.FunctionComponent<StepProps>;
export default Step;