import React, { useState } from "react";
import Login from "./Login";
import Dashboard from "./Dashboard";
import Chatbot from "./components/Chatbot";
import "./App.css";

function App() {
  const [loggedIn, setLoggedIn] = useState(false);
  const [role, setRole] = useState(null);
  const [dark, setDark] = useState(true); // default dark mode

  return (
    <div className="App">
      {loggedIn ? (
        <Dashboard
          onLogout={() => { setLoggedIn(false); setRole(null); }}
          dark={dark}
          setDark={setDark}
          role={role}
        />
      ) : (
        <Login onLogin={(r) => { setLoggedIn(true); setRole(r); }} />
      )}
      <Chatbot />
    </div>
  );
}

export default App;