How to use the @patternfly/react-styles/css/utilities/Accessibility/accessibility.screenReader function in @patternfly/react-styles

data-component="pf-nav-expandable"
              className={css(styles.navLink)}
              id={srText ? null : this.id}
              href="#"
              onClick={e => e.preventDefault()}
              onMouseDown={e => e.preventDefault()}
              aria-expanded={expandedState}
            >
              {title}
              <span>
                
              </span>
            
            <section hidden="{expandedState" aria-labelledby="{this.id}">
              {srText &amp;&amp; (
                <h2 id="{this.id}">
                  {srText}
                </h2>
              )}
              <ul>{children}</ul>
            </section>
          
        )}

{({ isExternal, icon }) => (
      <>
        {icon && {icon}}
        {icon ? {children} : children}
        {isExternal && (
          <>
            <span>
              
            </span>
            <span>(opens new window)</span>
          
        )}
      
    )}