import { Routes, Route } from 'react-router-dom'
import { ThemeProvider } from '@hooks/useTheme'
import { TutorialList } from '@pages/TutorialList'
import { TutorialPage } from '@pages/TutorialPage'

function App() {
  return (
    <ThemeProvider>
      <div className="min-h-screen bg-[var(--color-bg)] text-[var(--color-text)]">
        <Routes>
          <Route path="/" element={<TutorialList />} />
          <Route path="/:tutorialId" element={<TutorialPage />} />
          <Route path="/:tutorialId/:stepIndex" element={<TutorialPage />} />
        </Routes>
      </div>
    </ThemeProvider>
  )
}

export default App