import type { WizardShellProps } from "./types.js";
/**
 * Reusable multi-step wizard layout for resource creation flows.
 *
 * Renders three zones:
 * 1. **Step indicator sidebar** — vertical progress showing all steps
 * 2. **Content area** — the active step's form content (via `children`)
 * 3. **Navigation footer** — Back / Next / Create buttons
 *
 * This component is resource-agnostic. It accepts step definitions for
 * the indicator, delegates content rendering to the consumer, and
 * emits navigation events. The consumer (e.g., `AgentCreationWizard`)
 * manages form state via `useWizardState` and renders the appropriate
 * step component as `children`.
 *
 * Layout:
 * - **Desktop** (>= 640px): Sidebar (200px) + content (flex-1) side by side
 * - **Mobile** (< 640px): Step indicator as compact top bar, content below
 *
 * All visual properties via `--stgm-*` tokens. Zero Console or
 * framework dependencies — works in any React host.
 *
 * @example
 * ```tsx
 * <WizardShell
 *   steps={steps}
 *   currentStepIndex={wizard.currentStepIndex}
 *   submitLabel="Create agent"
 *   isSubmitting={isCreating}
 *   canGoNext={wizard.canGoNext}
 *   canGoBack={wizard.canGoBack}
 *   onNext={wizard.goNext}
 *   onBack={wizard.goBack}
 *   onCancel={handleCancel}
 * >
 *   {renderCurrentStep()}
 * </WizardShell>
 * ```
 */
export declare function WizardShell({ steps, currentStepIndex, children, submitLabel, isSubmitting, canGoNext, canGoBack, onNext, onBack, onGoToStep, onCancel, className, }: WizardShellProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=WizardShell.d.ts.map