Function NavItem

packages/ui-components/src/Containers/NavBar/NavItem/index.tsx:23–43

({
  href = '',
  type = 'nav',
  children,
  className,
  target,
  ...props
})

};

const NavItem: FC<PropsWithChildren<NavItemProps>> = ({
  href = '',
  type = 'nav',
  children,
  className,
  target,
  ...props
}) => (
  <BaseActiveLink
    target={target}
    href={href}
    className={classNames(styles.navItem, styles[type], className)}
    activeClassName={styles.active}
    allowSubPath={href.startsWith('/')}
    {...props}
  >
    <span className={styles.label}>{children}</span>

    {target === '_blank' && <ArrowUpRightIcon className={styles.icon} />}
  </BaseActiveLink>
);

export default NavItem;