import React, { ReactNode } from 'react';
import { TextColor } from '@mui/joy/styles/types';
declare const Step: import("@emotion/styled").StyledComponent<{
    active?: boolean | undefined;
    children?: React.ReactNode;
    completed?: boolean | undefined;
    disabled?: boolean | undefined;
    indicator?: React.ReactNode;
    orientation?: "horizontal" | "vertical" | undefined;
    sx?: import("@mui/joy/styles/types").SxProps | undefined;
} & import("@mui/joy").StepSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
}, "children" | "indicator" | "sx" | "disabled" | "orientation" | "active" | "completed" | keyof import("@mui/joy").StepSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
export { Step };
declare const StepIndicator: import("@emotion/styled").StyledComponent<{
    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").StepIndicatorPropsColorOverrides> | undefined;
    children?: React.ReactNode;
    sx?: import("@mui/joy/styles/types").SxProps | undefined;
    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").StepIndicatorPropsVariantOverrides> | undefined;
} & import("@mui/joy").StepIndicatorSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
}, "children" | "color" | "variant" | "sx" | keyof import("@mui/joy").StepIndicatorSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
export { StepIndicator };
interface StepperProps {
    steps: {
        indicatorContent?: ReactNode | string;
        label?: ReactNode | string;
        extraContent?: ReactNode | string;
    }[];
    activeColor?: TextColor;
    activeLineColor?: TextColor;
    inactiveColor?: TextColor;
    inactiveLineColor?: TextColor;
    activeStep: number;
    orientation?: 'horizontal' | 'vertical';
    /**
     * The orientation of each step. When orientation is set to 'vertical',
     * stepOrientation is forcibly set to 'horizontal'.
     */
    stepOrientation?: 'horizontal' | 'vertical';
}
declare function Stepper(props: StepperProps): React.JSX.Element;
declare namespace Stepper {
    var displayName: string;
}
export { Stepper };
