import { useState } from "react";
import { Sidebar } from "./components/Sidebar";
import { Dashboard } from "./pages/Dashboard";
import { useAuth } from "./hooks/useAuth";
import "./styles/app.css";
 
export default function App() {
  const { user, loading } = useAuth();
  const [route, setRoute] = useState("dashboard");
  // TODO: hoist routing into a real router
 
  if (loading) return <p>Loading…</p>;
 
  return (
    <div className="app-shell">
      <Sidebar active={route} onNavigate={setRoute} user={user} />
      <main className="app-main">
        <Dashboard route={route} />
      </main>
    </div>
  );
}