@octopusdeploy/design-system-components/dist/src/components/Dialog/DialogStepNavigationFooter.d.ts

The design systems component library.

export interface DialogStepNavigationFooterProps {
    totalSteps: number;
    currentStepIndex: number;
    isFirstStep: boolean;
    isLastStep: boolean;
    isNavigating: boolean;
    /** Importance applied to the Next and Complete buttons. Use `"primary"` for standard dialogs, `"loud"` for onboarding/upsell dialogs. */
    primaryImportance: "primary" | "loud";
    completeButtonLabel?: string;
    backButtonDisabled?: boolean;
    nextButtonDisabled?: boolean;
    onClose: () => void;
    onBack: () => void;
    onNext: () => void;
    onComplete?: () => void;
}
/**
 * DialogStepNavigationFooter – the shared multi-step navigation footer for dialogs.
 *
 * Renders a Cancel button, optional Back button, and a Next/Complete button,
 * with an optional step indicator when there are multiple steps.
 */
export declare function DialogStepNavigationFooter({ totalSteps, currentStepIndex, isFirstStep, isLastStep, isNavigating, primaryImportance, completeButtonLabel, backButtonDisabled, nextButtonDisabled, onClose, onBack, onNext, onComplete, }: DialogStepNavigationFooterProps): import("react/jsx-runtime").JSX.Element;