"use client";

import Link from "next/link";
import { Navbar, Nav, Container } from "react-bootstrap";
import ThemeDropdown from "@/components/ThemeDropdown";

export default function NavbarClient() {
    return (
        <Navbar expand="lg" bg="primary" data-bs-theme="dark" sticky="top" className="navbar">
            <Container fluid>
                <Link className="navbar-brand" href="/">SpecNext Explorer</Link>
                <Navbar.Toggle aria-controls="navbarSupportedContent" />
                <Navbar.Collapse id="navbarSupportedContent">
                    <Nav className="me-auto mb-2 mb-lg-0">
                        <Link className="nav-link" href="/">Home</Link>
                        <Link className="nav-link" href="/registers">Registers</Link>
                        <Link className="nav-link" href="/zxdb">ZXDB</Link>
                    </Nav>

                    <ThemeDropdown />
                </Navbar.Collapse>
            </Container>
        </Navbar>
    );
}
