import { default as React } from 'react';
import { default as IStepperProps } from './IStepperProps';
/**
* Stepper component for displaying a sequence of steps with centralized state management
* Supports horizontal, vertical, and large display types with optional click navigation
*
* @param props {@link IStepperProps} - Props for the Stepper component
* @returns The rendered stepper component
*
* @example
* ```tsx
* // Basic horizontal stepper with active and completed steps
* function App() {
* return (
*
*
*
*
*
* );
* }
* ```
*
* @example
* ```tsx
* // Vertical stepper with navigation
* function App() {
* const [activeStep, setActiveStep] = useState(1);
* const [completedSteps, setCompletedSteps] = useState([0]);
*
* const handleStepClick = (stepIndex: number) => {
* setActiveStep(stepIndex);
* // Update completed steps as needed
* };
*
* return (
*
*
*
*
*
* );
* }
* ```
*
* @example
* ```tsx
* // Advanced large stepper with completion states and custom badges
* function App() {
* return (
*
*
*
* Email verification content
*
*
*
*
* Profile setup form
*
*
*
*
*
*
*
* );
* }
* ```
*/
declare const Stepper: React.FC;
export default Stepper;