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


export default function NavBar(props: NavBarProps){
	const {
		className,
		children
	} = props;


	return (
		<nav
			className={clsx(
				className,
				"fixed top-0 left-0 w-full z-10",
				"flex flex-row flex-nowrap items-center justify-center"
			)}
		>
			{children}
		</nav>
	);
}