azure-devops-ui/Components/Icon/Icon.min.js

React components for building web UI in Azure DevOps

import{__assign}from"tslib";import"../../CommonImports";import"../../Core/core.css";import"./FabricIcons.css";import"./FluentIcons.css";import*as React from"react";import{Tooltip}from"../../TooltipEx";import{css,getSafeId}from"../../Util";function Icon(e){var a,o,i;return e.render?e.render(e.className):(a={id:getSafeId(e.id),onClick:e.onClick,onMouseDown:e.onMouseDown,onKeyDown:e.onKeyDown,role:e.role||(e.ariaLabel||e.ariaLabelledBy?"img":void 0),style:e.style,tabIndex:e.tabIndex,title:e.title},o=css(e.className,"flex-noshrink",e.iconName&&"fabric-icon",e.iconName&&"ms-Icon--".concat(e.iconName),e.size),i="removed"==e.ariaHidden?void 0:void 0!==e.ariaHidden?e.ariaHidden:"true",i=e.ariaLabel||e.ariaLabelledBy||void 0!==e.ariaExpanded?React.createElement("span",__assign({"aria-expanded":e.ariaExpanded,"aria-label":e.ariaLabel,"aria-labelledby":getSafeId(e.ariaLabelledBy),className:css("fluent-icons-enabled",e.wrapperClass)},a),React.createElement("span",{"aria-hidden":i,className:o})):React.createElement("span",{className:"fluent-icons-enabled"},React.createElement("span",__assign({"aria-hidden":i,className:o},a))),e.tooltipProps?React.createElement(Tooltip,__assign({},e.tooltipProps),i):i)}export{Icon};