import React from "react";
import { type SubIcon } from "@vibe/icon";
import { MultiStepType as MultiStepTypeEnum, Size as SizeEnum, StepStatus as StepStatusEnum, TextPlacement as TextPlacementEnum } from "./MultiStepConstants";
import { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from "./MultiStep.types";
import { type VibeComponentProps } from "../../types";
export interface MultiStepIndicatorProps extends VibeComponentProps {
    /**
     * The list of steps in the multi-step indicator.
     */
    steps?: Step[];
    /**
     * The visual style of the multi-step indicator.
     */
    type?: MultiStepType;
    /**
     * Class name applied to each step component.
     */
    stepComponentClassName?: string;
    /**
     * Class name applied to the divider between steps.
     */
    dividerComponentClassName?: string;
    /**
     * The icon used for fulfilled steps.
     */
    fulfilledStepIcon?: SubIcon;
    /**
     * The type of the fulfilled step icon.
     */
    fulfilledStepIconType?: "svg" | "font";
    /**
     * If true, displays the step number instead of the fulfilled step icon.
     */
    isFulfilledStepDisplayNumber?: boolean;
    /**
     * Callback fired when a step is clicked.
     */
    onClick?: (stepNumber: number) => void;
    /**
     * The placement of the step text.
     */
    textPlacement?: TextPlacement;
    /**
     * The size of the multi-step indicator.
     */
    size?: MultiStepSize;
}
declare const _default: React.ForwardRefExoticComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLElement>> & {
    types: typeof MultiStepTypeEnum;
    stepStatuses: typeof StepStatusEnum;
    textPlacements: typeof TextPlacementEnum;
    sizes: typeof SizeEnum;
};
export default _default;
