Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | 4x 4x | import { useSimulation } from '../context/SimulationContext';
import './StatusBar.css';
/**
* Status Bar Component
* Displays current simulation status
*/
function StatusBar() {
const simulation = useSimulation();
return (
<div className="status-bar">
<span className="status-text">{simulation.statusText || 'Ready'}</span>
{simulation.isPaused && (
<span className="status-badge paused">PAUSED</span>
)}
</div>
);
}
export default StatusBar;
|