Most simple components created

lib/component/nav/NavBar.tsx

@@ -0,0 +1,23 @@
+import type { NavBarProps } from "$/types/Nav";
+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-between"
+			)}
+		>
+			{children}
+		</nav>
+	);
+}