import React from 'react';
import { Routes, Route, Navigate } from 'react-router-dom';
import OnboardingLayout from './OnboardingLayout';
import WelcomeStep from './steps/WelcomeStep';
import PlatformStep from './steps/PlatformStep';
import FeedStep from './steps/FeedStep';
import ChannelStep from './steps/ChannelStep';
import CompleteStep from './steps/CompleteStep';

const OnboardingWizard: React.FC = () => {
  return (
    <OnboardingLayout>
      <Routes>
        <Route index element={<WelcomeStep />} />
        <Route path="platform" element={<PlatformStep />} />
        <Route path="feed" element={<FeedStep />} />
        <Route path="channel" element={<ChannelStep />} />
        <Route path="complete" element={<CompleteStep />} />
        <Route path="*" element={<Navigate to="/onboarding" replace />} />
      </Routes>
    </OnboardingLayout>
  );
};

export default OnboardingWizard;