30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
|
define(["require", "exports", "@fluentui/merge-styles", "./icons"], function (require, exports, merge_styles_1, icons_1) {
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.getIconClassName = void 0;
|
||
|
|
var defaultIconStyles = {
|
||
|
|
display: 'inline-block',
|
||
|
|
};
|
||
|
|
/**
|
||
|
|
* Gets an icon classname. You should be able to add this classname to an I tag with no
|
||
|
|
* additional classnames, and render the icon.
|
||
|
|
*
|
||
|
|
* @public
|
||
|
|
*/
|
||
|
|
function getIconClassName(name) {
|
||
|
|
var className = '';
|
||
|
|
var icon = (0, icons_1.getIcon)(name);
|
||
|
|
if (icon) {
|
||
|
|
className = (0, merge_styles_1.mergeStyles)(icon.subset.className, defaultIconStyles, {
|
||
|
|
selectors: {
|
||
|
|
'::before': {
|
||
|
|
content: "\"".concat(icon.code, "\""),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
return className;
|
||
|
|
}
|
||
|
|
exports.getIconClassName = getIconClassName;
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=getIconClassName.js.map
|