          [classes.nowrap]: (isApi || isSource || isArch) && !sourceWithText,
          [classes.withIcon]: isApi || isSource || isArch,
      })
      const Wrapper = ws ? Whitespace : Fragment
      const content = (
          <>
              {sourceWithText ? <span className={classes.sourceText}>{children}</span> : children}
              {icon && <Icon name={icon} width={16} inline className={classes.icon} />}
          </>
      )
 
</s> remove             {isApi && <Icon name="docs" width={16} inline className={classes.icon} />}
            {isSource && <Icon name="code" width={16} inline className={classes.icon} />}
 </s> add             {icon && <Icon name={icon} width={16} inline className={classes.icon} />} </s> remove         [classes.nowrap]: (isApi || isSource) && !sourceWithText,
        [classes.withIcon]: isApi || isSource,
 </s> add         [classes.nowrap]: (isApi || isSource || isArch) && !sourceWithText,
        [classes.withIcon]: isApi || isSource || isArch,
    const icon = isArch ? 'network' : isApi ? 'docs' : isSource ? 'code' : null
          [classes.nowrap]: (isApi || isSource || isArch) && !sourceWithText,
          [classes.withIcon]: isApi || isSource || isArch,
      })
      const Wrapper = ws ? Whitespace : Fragment
    const icon = isArch ? 'network' : isApi ? 'docs' : isSource ? 'code' : null
      const content = (
          <>
              {sourceWithText ? <span className={classes.sourceText}>{children}</span> : children}
              {icon && <Icon name={icon} width={16} inline className={classes.icon} />}
          </>
      )
keep keep keep add keep keep keep keep keep keep
 Update arch docs WIP [ci skip] 
website/src/components/link.js