import React from "react";
import { BrowserRouter, Routes, Route, Link } from "react-router";
import Home from "./pages/Home";
import AdminLogin from "./pages/AdminLogin";
import AdminMembers from "./pages/AdminMembers";
import AdminMembersView from "./pages/AdminMembersView";

export default function App() {
  return (
    <BrowserRouter>
      <nav style={{ padding: "1rem", background: "#f5f5f5" }}>
        <Link to="/">Home</Link> | 
        <Link to="/admin-login">Admin Login</Link> | 
        <Link to="/admin-members">Admin Members</Link> | 
        <Link to="/admin-members-view">View Members</Link>
      </nav>

      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/admin-login" element={<AdminLogin />} />
        <Route path="/admin-members" element={<AdminMembers />} />
        <Route path="/admin-members-view" element={<AdminMembersView />} />
      </Routes>
    </BrowserRouter>
  );
}