@fluentui/react-northstar
Version:
A themable React component library.
40 lines (38 loc) • 1.09 kB
JavaScript
;
exports.__esModule = true;
exports.avatarStatusIconStyles = void 0;
var _avatarSizes = require("./avatarSizes");
var avatarStatusIconStyles = {
root: function root(_ref) {
var _ref$props = _ref.props,
size = _ref$props.size,
state = _ref$props.state,
v = _ref.variables;
return Object.assign({
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center'
}, (0, _avatarSizes.getSizeStyles)(_avatarSizes.statusIconSizeToPxValue[size]), {
color: v.statusColor
}, state === 'success' && {
color: v.statusSuccessColor
}, state === 'info' && {
color: v.statusInfoColor
}, state === 'error' && {
color: v.statusErrorColor
}, state === 'warning' && {
color: v.statusWarningColor
}, {
'& > :first-child': {
height: '100%',
width: '100%',
'& svg': {
height: '100%',
width: '100%'
}
}
});
}
};
exports.avatarStatusIconStyles = avatarStatusIconStyles;
//# sourceMappingURL=avatarStatusIconStyles.js.map