import { default as React } from 'react';
import { default as IStepperLayoutProps } from './IStepperLayoutProps';
/**
 * StepperLayout is a controlled wizard orchestration component.
 *
 * It composes Stepper (header), Card (body), and an action bar (footer) into a
 * standardized multi-step layout. The consumer owns `activeStep`; navigation button
 * visibility is auto-derived, but step visual status must be controlled manually via
 * each step's `status` field:
 * - Steps without `status`: auto-completed when their index < activeStep
 * - Steps with `status: 'error'` or `status: 'warning'`: always show that status, never auto-complete
 * - Steps with `status: 'completed'`: always shown as completed regardless of position
 * - Steps with `status: 'default'`: always shown as default, suppresses auto-complete
 * - Back button: hidden on step 0 by default (override per step via `backAction`)
 * - Next button: hidden on the last step by default (override per step via `nextAction`)
 *
 * @example
 * ```tsx
 * const [activeStep, setActiveStep] = useState(0);
 * const [steps, setSteps] = useState<StepConfig[]>([
 *   { title: 'Setup' },
 *   { title: 'Validation' },
 *   { title: 'Review' },
 * ]);
 *
 * // Mark a step as error — consumer is responsible for updating step status
 * const markStepError = (index: number) => {
 *   setSteps(prev => prev.map((s, i) => (i === index ? { ...s, status: 'error' } : s)));
 * };
 *
 * <StepperLayout
 *   steps={steps}
 *   activeStep={activeStep}
 *   onNext={current => setActiveStep(current + 1)}
 *   onBack={current => setActiveStep(current - 1)}
 * >
 *   {activeStep === 0 && <SetupForm />}
 *   {activeStep === 1 && <ValidationForm onError={() => markStepError(1)} />}
 *   {activeStep === 2 && <ReviewSummary />}
 * </StepperLayout>
 * ```
 */
declare const StepperLayout: React.FC<IStepperLayoutProps>;
export default StepperLayout;
