Function SideNavItemContentInner

packages/@react-spectrum/s2/src/SideNav.tsx:473–563

};

const SideNavItemContentInner = props => {
  let {
    isExpanded,
    hasChildItems,
    isDisabled,
    isSelected,
    setLinkPressed,
    linkProps,
    scale,
    id,
    state,
    selectedRoute,
    isHovered,
    isFocusVisible,
    isFocusVisibleWithin,
    children
  } = props;

  useRouteFocusSync({state});

  // Whether the link within this row is the focused element (any modality). Combined with the
  // keyboard-only isFocusVisibleWithin below, this lets the row focus ring follow the link
  // specifically and not other focusable children (e.g. an ActionMenu trigger).
  let [isLinkFocused, setLinkFocused] = useState(false);

  let hasLink = linkProps.href != null && linkProps.href.length > 0;

  return (
    <>
      <div
        className={treeRowFocusRing({
          isFocusVisible: isFocusVisible || (isFocusVisibleWithin && isLinkFocused),
          isSelected
        })}
      />
      <div
        className={treeCellGrid({
          isDisabled,
          isSelected: linkProps.href === selectedRoute,
          isDescendantSelected:
            !isExpanded && hasChildItems && hasSelectedDescendant(id, state, selectedRoute)
        })}>
        <div
          className={indicator({
            isDisabled,
            isSelected: linkProps.href === selectedRoute,
            isHovered: isHovered && hasLink
          })}
        />
        <div
          className={style({
            gridArea: 'level-padding',
            width: 'calc(calc(var(--tree-item-level, 0) - 1) * var(--indent))'
          })}
        />
        <Provider
          values={[
            [TextContext, {styles: treeContent}],