import { default as React } from 'react';

export type StepIconProps = {
    readonly className?: string;
    /**
     * Number to display inside the icon circle.
     */
    readonly number?: number;
    /**
     * Image source for displaying an image inside the icon circle.
     */
    readonly imageSrc?: string;
    /**
     * Custom icon element to render inside the circle (e.g. <Icon name="..." />).
     */
    readonly children?: React.ReactNode;
};
/**
 * The visual icon circle for a step. Renders as a button in interactive mode.
 */
export declare function StepIcon({ className, children, number, imageSrc }: StepIconProps): import("react/jsx-runtime").JSX.Element;
export declare namespace StepIcon {
    var displayName: string;
}