import { MouseEvent } from 'react'; import { ButtonProps } from '../Button'; import { DataTrackingId } from '../../types'; /** * Props for the StepperNextButton component * @extends ButtonProps */ export type StepperNextButtonProps = Omit & { /** * Label for the next button. * @default "Next" */ nextLabel?: string; /** * Label for the complete button (shown on the last step). * @default "Complete" */ completeLabel?: string; /** * Called when the "Next" button is clicked. * @param e MouseEvent * @returns If the function returns `false`, or a Promise that resolves to `false`, the next step will not be executed. */ onClick?: (e: MouseEvent) => void | boolean | Promise; } & DataTrackingId; /** * Next button component for navigating to the next step in the Stepper. * * Features: * - Automatically advances to the next step * - Changes label to "Complete" on the final step * - Supports async validation with Promise return * - Prevents navigation when validation fails * - Hides when all steps are completed * - Accessible with proper button semantics * - Customizable appearance and styling * - Integration with stepper context * - Automatic completion handling * - Automatic tracking ID generation for analytics * * @example * * * @example * { * const isValid = await validateForm(); * return isValid; * }} * appearance="primary" * /> */ export declare const StepperNextButton: import('react').ForwardRefExoticComponent & { /** * Label for the next button. * @default "Next" */ nextLabel?: string; /** * Label for the complete button (shown on the last step). * @default "Complete" */ completeLabel?: string; /** * Called when the "Next" button is clicked. * @param e MouseEvent * @returns If the function returns `false`, or a Promise that resolves to `false`, the next step will not be executed. */ onClick?: (e: MouseEvent) => void | boolean | Promise; } & DataTrackingId & import('react').RefAttributes>;