App.tsx

import React from 'react';
import { HashRouter, Routes, Route, Navigate } from 'react-router-dom';
import Home from './pages/Home';
import GameDetail from './pages/GameDetail';
import ScoreSetup from './pages/ScoreSetup';
import ScoreBoard from './pages/ScoreBoard';

const App: React.FC = () => {
  return (
    <div className="min-h-screen text-slate-900 font-sans">
      <HashRouter>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/games/:id" element={<GameDetail />} />
          <Route path="/score/setup/:gameId" element={<ScoreSetup />} />
          <Route path="/score/play" element={<ScoreBoard />} />
          <Route path="*" element={<Navigate to="/" replace />} />
        </Routes>
      </HashRouter>
    </div>
  );
};

export default App;