/**
 * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */
import { InternalDispatch } from '@clayui/shared';
import React from 'react';
import ClayMultiStepNav from './MultiStepNav';
interface ISteps {
    /**
     * Value that is displayed below the step icon.
     */
    subTitle?: string;
    /**
     * Value that is displayed above the step icon.
     */
    title?: string;
}
interface IProps extends React.ComponentProps<typeof ClayMultiStepNav> {
    /**
     * Value for which step index is active (controlled).
     */
    active?: number;
    /**
     * Value for which step index is active
     * @deprecated since v3.52.0 - use `active` instead.
     */
    activeIndex?: number;
    /**
     * Set the default value of active state (uncontrolled).
     */
    defaultActive?: number;
    /**
     * Determines at what point a dropdown is show. The dropdown will
     * always show as the 2nd to last step.
     */
    maxStepsShown?: number;
    /**
     * Callback for when step is clicked
     */
    onActiveChange?: InternalDispatch<number>;
    /**
     * Callback for when step is clicked
     * @deprecated since v3.52.0 - use `onActiveChange` instead.
     */
    onIndexChange?: InternalDispatch<number>;
    /**
     * Path to spritemap for icon symbol.
     */
    spritemap?: string;
    /**
     * Defines the status of the current step.
     */
    state?: 'error' | 'complete';
    /**
     * List of steps to display
     */
    steps: Array<ISteps>;
}
export declare function MultiStepNavWithBasicItems({ active, activeIndex, defaultActive, maxStepsShown, onActiveChange, onIndexChange, spritemap, state, steps, ...otherProps }: IProps): React.JSX.Element;
export {};