tabler/site/components/NavLink.tsx

import Link from '@/components/Link';
import clsx from 'clsx';

function NavLink({ href, active, children, ...props }) {
  if (active) {
    props.className = clsx(props.className, 'active');
  }

  return (
    <Link href={href} {...props}>
      {children}
    </Link>
  );
}

export default NavLink;