import * as React from "react";
import { CSS, VariantProps } from "../../../theme";
import { StepButton } from "../step/step.styles";
export interface StepsProps {
    activeStep: number;
    orientation?: "vertical" | "horizontal";
    state?: "loading" | "error";
    responsive?: boolean;
    onClickStep?: (step: number) => void;
    successIcon?: React.ReactElement;
    errorIcon?: React.ReactElement;
    labelOrientation?: "vertical" | "horizontal";
    rounded?: boolean;
    size?: "sm" | "md" | "lg";
    colorScheme?: VariantProps<typeof StepButton>["colorScheme"];
    variant?: VariantProps<typeof StepButton>["variant"];
    css?: {
        button: CSS;
        label: CSS;
        description: CSS;
    };
    children?: React.ReactNode;
}
export declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;