import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import { Home } from './pages/Home'
import { PostDetail } from './pages/PostDetail'
import { CategoriesPage } from './pages/Categories'
import { CategoryDetail } from './pages/CategoryDetail'

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/posts/:slug" element={<PostDetail />} />
        <Route path="/categories" element={<CategoriesPage />} />
        <Route path="/categories/:slug" element={<CategoryDetail />} />
      </Routes>
    </Router>
  )
}

export default App
