Function PageLink

website/app/components/docs/LeftSidebar.tsx:68–110

({
	node,
	className,
	active = false,
	iconClassName,
	toggle,
}: {
	node: PageTree.Item;
	className: string;
	active?: boolean;
	iconClassName?: string;
	toggle?: () => void;
})

};

const PageLink = ({
	node,
	className,
	active = false,
	iconClassName,
	toggle,
}: {
	node: PageTree.Item;
	className: string;
	active?: boolean;
	iconClassName?: string;
	toggle?: () => void;
}) => {
	const content = (
		<>
			<span>{node.name}</span>
			{node.external && (
				<IconExternalLink className={iconClassName} size={14} stroke={1.8} />
			)}
		</>
	);

	if (node.external) {
		return (
			<a className={className} href={node.url} target="_blank" rel="noreferrer">
				{content}
			</a>
		);
	}

	return (
		<Link
			className={className}
			to={node.url}
			prefetch="render"
			data-active={active}
			aria-current={active ? 'page' : undefined}
			onClick={toggle}
		>
			{content}
		</Link>
	);
};

const SidebarNodes = ({
	nodes,