import type { NavBarProps } from "$/types/NavTypes";
import clsx from "clsx";


export default function NavBar({
	className,
	children,
	...props
}: Readonly<NavBarProps>){
	return (
		<nav
			className={clsx(
				className,
				"fixed top-0 left-0 w-full z-10",
				"flex flex-row flex-nowrap items-center justify-center"
			)}
			{...props}
		>
			{children}
		</nav>
	);
}