import type { ReactNode } from "react";
interface WizardProgressProps {
    className?: string;
}
/**
 * Progress indicator that automatically derives steps from OnboardingWizard context
 */
export declare function WizardProgress({ className }: WizardProgressProps): import("react/jsx-runtime").JSX.Element | null;
interface WizardThemeToggleProps {
    theme?: string;
    setTheme?: (theme: string) => void;
}
/**
 * Theme toggle button - can be used with next-themes or custom theme state
 */
export declare function WizardThemeToggle({ theme, setTheme }: WizardThemeToggleProps): import("react/jsx-runtime").JSX.Element | null;
interface WizardHeaderProps {
    /** Back button href (external link, outside wizard) */
    backHref?: string;
    /** Back button text */
    backText?: string;
    /** Whether the header is collapsed (scrolled) */
    collapsed?: boolean;
    /** Theme for toggle (optional) */
    theme?: string;
    /** Theme setter (optional) */
    setTheme?: (theme: string) => void;
    /** Custom right-side content */
    rightContent?: ReactNode;
    /** Custom back button handler (overrides backHref link) */
    onBack?: () => void;
}
/**
 * Wizard-aware header with progress indicator
 * Uses react-router internally and derives progress from wizard context
 */
export declare function WizardHeader({ backHref, backText, collapsed, theme, setTheme, rightContent, onBack, }: WizardHeaderProps): import("react/jsx-runtime").JSX.Element;
interface WizardLayoutProps {
    children: ReactNode;
    /** Back button href (external, outside wizard) */
    backHref?: string;
    /** Back button text */
    backText?: string;
    /** Custom header component (replaces default) */
    header?: ReactNode;
    /** Whether to show the default header */
    showHeader?: boolean;
    /** Theme for toggle (optional) */
    theme?: string;
    /** Theme setter (optional) */
    setTheme?: (theme: string) => void;
    /** Custom back button handler */
    onBack?: () => void;
    /** Custom right-side header content */
    headerRightContent?: ReactNode;
}
/**
 * Layout wrapper that integrates with OnboardingWizard context
 * Automatically shows progress based on wizard steps
 *
 * @example
 * ```tsx
 * <OnboardingWizard
 *   basePath="/onboarding"
 *   steps={steps}
 *   layout={({ children }) => (
 *     <WizardLayout backHref="/" backText="Exit">
 *       {children}
 *     </WizardLayout>
 *   )}
 * />
 * ```
 */
export declare function WizardLayout({ children, backHref, backText, header, showHeader, theme, setTheme, onBack, headerRightContent, }: WizardLayoutProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=onboarding-layout-wrapper.d.ts.map