import type { PropsWithChildren } from "react";
import type { BaseComponentSizes, ClassName } from "@helpers/types";
import { IconButtonProps } from "@components/IconButton/IconButton.interface";
type Sizes = BaseComponentSizes;
type StepperVariants = "horizontal" | "vertical";
interface StepInterface {
    id: string | number;
    stepTitle?: string;
    stepDescription?: string;
    stepButtonProps: Pick<IconButtonProps, "icon" | "iconName" | "aria-label">;
}
export declare enum StepStatuses {
    COMPLETE = "complete",
    CURRENT = "current",
    INCOMPLETE = "incomplete"
}
export interface ContainerProps extends PropsWithChildren, ClassName {
}
export interface TitleSectionProps {
    stepTitle?: string;
    stepDescription?: string;
    size?: Sizes;
    variant: StepperVariants;
    status: StepStatuses;
}
export interface StepProps extends Pick<TitleSectionProps, "stepTitle" | "stepDescription" | "size" | "variant">, ClassName {
    index: number;
    status: StepStatuses;
    onClick?: (index: number) => void;
    completeVariant?: "default" | "check";
    stepClassName?: string;
    stepButtonProps: Pick<IconButtonProps, "icon" | "iconName" | "aria-label">;
}
export interface StepperProps extends Pick<StepProps, "size" | "onClick" | "completeVariant">, ClassName {
    steps: StepInterface[];
    activeStep: number;
    stepClassName?: string;
    customConnectorWidth?: string;
}
export {};