export interface StepperNavItem {
    /**
     * ID of tab
     */
    id: string;
    /**
     * Label show on navigation
     */
    label: string;
    /**
     * Is step completed
     */
    completed: boolean;
    /**
     * The position of the step
     */
    index: number;
    /**
     * Show completed icon next to the step label
     * When true, a checkmark icon is displayed next to the step label even when the step is not marked as completed.
     * @default false
     */
    showCompletedIcon?: boolean;
}
/**
 * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
 */
export interface StepperNavProps {
    /**
     * Navigation items
     */
    items: StepperNavItem[];
    /**
     * Navigation aria-label
     */
    ariaLabel: string;
    /**
     * Completed label, added only for screen-readers.
     * Defaults to "Completed".
     */
    completedLabel?: string;
    /**
     * Not Completed label, added only for screen-readers.
     * Defaults to "Not completed".
     */
    notCompletedLabel?: string;
}
/**
 * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead.
 */
export declare const StepperNav: (props: StepperNavProps) => JSX.Element;
export default StepperNav;