import type { ButtonProps } from "@heroui/react";
import type React from "react";
export interface VerticalStepsTranslations {
    checkIconTitle?: string;
}
export type Step = {
    className?: string;
    description?: React.ReactNode;
    title?: React.ReactNode;
    isStepValid?: boolean;
    isCompleted?: boolean;
};
export interface VerticalStepsProps extends React.HTMLAttributes<HTMLButtonElement> {
    /**
     * The steps to display. It can be a number or an array of steps.
     *
     * @default []
     */
    steps: number | Step[];
    /**
     * The color of the steps.
     *
     * @default "primary"
     */
    color?: ButtonProps["color"];
    /**
     * The current step index.
     */
    currentStep?: number;
    /**
     * The default step index.
     *
     * @default 0
     */
    defaultStep?: number;
    /**
     * Whether to hide the progress bars.
     *
     * @default false
     */
    hideProgressBars?: boolean;
    /**
     * Whether to hide descriptions for non-active steps.
     * Useful when there are many steps to save vertical space.
     *
     * @default false
     */
    hideInactiveDescriptions?: boolean;
    /**
     * The custom class for the steps wrapper.
     */
    className?: string;
    /**
     * The custom class for the step.
     */
    stepClassName?: string;
    /**
     * Callback function when the step index changes.
     */
    onStepChange?: (stepIndex: number) => void;
    /**
     * The translations for the component.
     */
    translations?: VerticalStepsTranslations;
}
//# sourceMappingURL=VerticalSteps.types.d.ts.map