"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>
                <Navbar.Brand as={Link} href="/">SpecNext Explorer</Navbar.Brand>
                <Navbar.Toggle aria-controls="navbarSupportedContent" />
                <Navbar.Collapse id="navbarSupportedContent">
                    <Nav className="me-auto mb-2 mb-lg-0">
                        <Nav.Link as={Link} href="/">Home</Nav.Link>
                        <Nav.Link as={Link} href="/registers">Registers</Nav.Link>
                        <Nav.Link as={Link} href="/zxdb">ZXDB</Nav.Link>
                    </Nav>

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