import { Flex } from "@radix-ui/themes";
import CustomNavigationMenu from "./NavigationMenu/NavigationMenu";
import RightButtonBar from "./RightButtonBar/RightButtonBar";
import SearchField from "./SearchField/SearchField";

export default function NavBar() {
    return (
        <Flex className="justify-center w-full">
            <nav className="flex justify-center pt-2 pb-2 ml-4 mr-4 mb-4 mt-2 flex-[1] max-h-fit max-w-pc-width">
                <CustomNavigationMenu />

                <SearchField />

                <RightButtonBar />
            </nav>
        </Flex>
    );
}