2026-03-02T08-39-26_auto_memory/memories.db-wal

chatgpt-to-claude/src/components/wizard/WizardNav.tsx

@@ -0,0 +1,52 @@
+import type { WizardStep } from "./useWizardState";
+
+interface WizardNavProps {
+  currentStep: WizardStep;
+  canGoNext: boolean;
+  onNext: () => void;
+  onBack: () => void;
+  onReset: () => void;
+}
+
+export default function WizardNav({
+  currentStep,
+  canGoNext,
+  onNext,
+  onBack,
+  onReset,
+}: WizardNavProps) {
+  return (
+    <div className="flex items-center justify-between mt-8 pt-6 border-t border-surface-border">
+      <div className="flex items-center gap-3">
+        {currentStep > 1 && (
+          <button
+            onClick={onBack}
+            className="px-4 py-2 rounded-lg text-sm font-medium text-text-muted hover:text-text bg-surface-muted hover:bg-surface-border transition-all"
+          >
+            Back
+          </button>
+        )}
+        <button
+          onClick={onReset}
+          className="px-3 py-2 rounded-lg text-xs text-text-muted hover:text-text transition-colors"
+        >
+          Start Over
+        </button>
+      </div>
+
+      {currentStep < 4 && (
+        <button
+          onClick={onNext}
+          disabled={!canGoNext}
+          className={`px-6 py-2 rounded-lg text-sm font-medium transition-all ${
+            canGoNext
+              ? "bg-primary hover:bg-primary-dark text-white"
+              : "bg-surface-muted text-text-muted cursor-not-allowed"
+          }`}
+        >
+          {currentStep === 3 ? "Continue" : "Next"}
+        </button>
+      )}
+    </div>
+  );
+}