@fluentui/react
Version:
Reusable React components for building web experiences.
42 lines • 1.37 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = exports.MS_ICON = exports.classNames = void 0;
var Styling_1 = require("../../Styling");
/** Class names used in themeable and non-themeable Icon components */
exports.classNames = (0, Styling_1.mergeStyleSets)({
root: {
display: 'inline-block',
textDecoration: 'inherit',
},
placeholder: [
'ms-Icon-placeHolder',
{
width: '1em',
},
],
image: [
'ms-Icon-imageContainer',
{
overflow: 'hidden',
},
],
});
/** Class name used only in non-themeable Icon components */
exports.MS_ICON = 'ms-Icon';
var getStyles = function (props) {
var className = props.className, iconClassName = props.iconClassName, isPlaceholder = props.isPlaceholder, isImage = props.isImage, styles = props.styles;
return {
root: [
isPlaceholder && exports.classNames.placeholder,
exports.classNames.root,
isImage && exports.classNames.image,
iconClassName,
className,
styles && styles.root,
// eslint-disable-next-line @typescript-eslint/no-deprecated
styles && styles.imageContainer,
],
};
};
exports.getStyles = getStyles;
//# sourceMappingURL=Icon.styles.js.map