Function Navigation

apps/baseai.dev/src/components/Navigation.tsx:279–302

(props: React.ComponentPropsWithoutRef<'nav'>)

}

export function Navigation(props: React.ComponentPropsWithoutRef<'nav'>) {
	const pathname = usePathname();
	const isLearn = pathname.startsWith('/learn');
	const navLinks = isLearn ? navLearn : navigationData;

	return (
		<nav {...props}>
			<ul role="list">
				{navLinks.map((group, groupIndex) => (
					<NavigationGroup
						key={group.title}
						group={group}
						className={groupIndex === 0 ? 'md:mt-0' : ''}
					/>
				))}
				{/* <li className="sticky bottom-0 z-10 mt-6 min-[416px]:hidden">
          <Button href="#" variant="filled" className="w-full">
            Sign in
          </Button>
        </li> */}
			</ul>
		</nav>
	);
}