Function SideNavItemLink

packages/@react-spectrum/s2/src/SideNav.tsx:682–708

(props: SideNavItemLinkProps)

}

export const SideNavItemLink = (props: SideNavItemLinkProps): ReactNode => {
  let {children} = props;
  let {selectedRoute} = useContext(InternalSideNavContext);
  let linkProps = useContext(SideNavItemLinkContext);

  return (
    <Link
      {...props}
      {...linkProps}
      aria-current={selectedRoute === linkProps.href ? 'page' : undefined}
      className={treeRowLink({isDisabled: linkProps.isDisabled})}>
      <Provider
        values={[
          [TextContext, {styles: treeContent}],
          [
            IconContext,
            {
              render: centerBaseline({slot: 'icon', styles: treeIcon}),
              styles: style({size: fontRelative(20), flexShrink: 0})
            }
          ]
        ]}>
        {typeof children === 'string' ? <Text>{children}</Text> : children}
      </Provider>
    </Link>
  );
};

// The collection key of the item whose href matches `route`, or null. getKeys() covers collapsed
// items too, and the href is stored as a data attribute so it doesn't trigger Tree's link handling.