@fluentui/react-northstar
Version:
A themable React component library.
35 lines (33 loc) • 970 B
JavaScript
;
exports.__esModule = true;
exports.avatarIconStyles = void 0;
var _avatarSizes = require("./avatarSizes");
var avatarIconStyles = {
root: function root(_ref) {
var _ref$props = _ref.props,
size = _ref$props.size,
square = _ref$props.square,
v = _ref.variables;
return Object.assign({
color: v.iconColor,
background: v.iconBackgroundColor
}, (0, _avatarSizes.getSizeStyles)(_avatarSizes.sizeToPxValue[size]), {
borderRadius: '50%',
display: 'inline-flex',
alignItems: 'center'
}, square && {
borderRadius: v.squareAvatarBorderRadius
}, {
'& > :first-child': Object.assign({
margin: '0 auto'
}, (0, _avatarSizes.getSizeStyles)(_avatarSizes.iconSizeToPxValue[size]), {
'& svg': {
width: '100%',
height: '100%'
}
})
});
}
};
exports.avatarIconStyles = avatarIconStyles;
//# sourceMappingURL=avatarIconStyles.js.map