import { Routes, Route, Navigate } from 'react-router-dom'
import { Header } from './components/layout/Header'
import { WizardPage } from './pages/WizardPage'
import { EditorPage } from './pages/EditorPage'
import { DistributionPage } from './pages/DistributionPage'
import { SearchPage } from './pages/SearchPage'

function App() {
  return (
    <div className="h-screen flex flex-col bg-slate-50 overflow-hidden">
      <Header />
      <main className="flex-1 flex flex-col overflow-hidden">
        <Routes>
          <Route path="/" element={<Navigate to="/wizard" replace />} />
          <Route path="/wizard" element={<WizardPage />} />
          <Route path="/editor" element={<EditorPage />} />
          <Route path="/distribution" element={<DistributionPage />} />
          <Route path="/search" element={<SearchPage />} />
        </Routes>
      </main>
    </div>
  )
}

export default App
