// src/App.jsx
import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Navbar from './components/Navbar';  // Importa a Navbar
import Dashboard from './pages/Dashboard';
import Settings from './pages/Settings';
import Security from './pages/Security';
import Connectivity from './pages/Connectivity';
import OCPPCommunication from './pages/OCPPCommunication';

const App = () => {
  return (
    <Router>
      <Navbar />  {/* Renderiza a Navbar */}
      <Routes>
        <Route path="/dashboard" element={<Dashboard />} />
        <Route path="/settings" element={<Settings />} />
        <Route path="/security" element={<Security />} />
        <Route path="/connectivity" element={<Connectivity />} />
        <Route path="/ocpp" element={<OCPPCommunication />} />
      </Routes>
    </Router>
  );
};

export default App;