import { type ReactNode } from "react";
import { type OnboardingWizardConfig } from "./onboarding-context";
/**
 * HOC to inject onboarding props into step components
 * Use this when defining step components to receive navigation helpers
 */
export declare function withOnboardingStep<P extends object>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof import("./onboarding-context").OnboardingStepProps>>;
export interface OnboardingWizardProps extends OnboardingWizardConfig {
    /** Optional layout wrapper component */
    layout?: React.ComponentType<{
        children: ReactNode;
    }>;
}
/**
 * Self-contained onboarding wizard with routing
 *
 * Automatically detects environment:
 * - In Next.js: Uses MemoryRouter with URL sync to avoid conflicts
 * - In Vite/SPA: Uses BrowserRouter for native browser history
 *
 * @example
 * ```tsx
 * <OnboardingWizard
 *   basePath="/onboarding"
 *   steps={[
 *     { path: 'welcome', name: 'Welcome', component: WelcomeStep },
 *     { path: 'details', name: 'Details', component: DetailsStep },
 *     { path: 'complete', name: 'Complete', component: CompleteStep },
 *   ]}
 *   onComplete={() => navigate('/dashboard')}
 * />
 * ```
 */
export declare function OnboardingWizard({ basePath, steps, onComplete, onExit, layout, }: OnboardingWizardProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=onboarding-router.d.ts.map