      offline: OfflineIcon,
      search: SearchIcon,
      moon: MoonIcon,
      clipboard: ClipboardIcon,
  }
  
  const Icon = ({ name, width, height, inline, variant, className }) => {
      const IconComponent = icons[name]
      const iconClassNames = classNames(classes.root, className, {
 
</s> remove         [classes.nowrap]: (isApi || isSource) && !sourceWithText,
        [classes.withIcon]: isApi || isSource,
 </s> add         [classes.nowrap]: (isApi || isSource || isArch) && !sourceWithText,
        [classes.withIcon]: isApi || isSource || isArch, </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} />}
    network: NetworkIcon
      offline: OfflineIcon,
      search: SearchIcon,
      moon: MoonIcon,
      clipboard: ClipboardIcon,
    network: NetworkIcon
  }
  
  const Icon = ({ name, width, height, inline, variant, className }) => {
      const IconComponent = icons[name]
      const iconClassNames = classNames(classes.root, className, {
keep keep keep add keep keep keep keep keep
 Update arch docs WIP [ci skip] 
website/src/components/icon.js