@fluentui/react
Version:
Reusable React components for building web experiences.
38 lines • 1.17 kB
JavaScript
import { mergeStyleSets } from '../../Styling';
/** Class names used in themeable and non-themeable Icon components */
export var classNames = 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 */
export var MS_ICON = 'ms-Icon';
export var getStyles = function (props) {
var className = props.className, iconClassName = props.iconClassName, isPlaceholder = props.isPlaceholder, isImage = props.isImage, styles = props.styles;
return {
root: [
isPlaceholder && classNames.placeholder,
classNames.root,
isImage && classNames.image,
iconClassName,
className,
styles && styles.root,
// eslint-disable-next-line @typescript-eslint/no-deprecated
styles && styles.imageContainer,
],
};
};
//# sourceMappingURL=Icon.styles.js.map