@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
15 lines • 1.23 kB
JavaScript
import { __rest } from "tslib";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styles from '@patternfly/react-styles/css/components/Avatar/avatar.mjs';
import { css } from '@patternfly/react-styles';
export const Avatar = (_a) => {
var { children, className, src = '', alt, isBordered, size, color, initials } = _a, props = __rest(_a, ["children", "className", "src", "alt", "isBordered", "size", "color", "initials"]);
const avatarClasses = css(styles.avatar, styles.modifiers[size], isBordered && styles.modifiers.bordered, className);
const isAltEmptyString = alt === '';
if (initials || children) {
return (_jsxs("div", Object.assign({ className: css(avatarClasses, color && styles.modifiers.colorful, color && styles.modifiers[color]), role: "img", "aria-hidden": isAltEmptyString || undefined }, (!isAltEmptyString && { 'aria-label': alt }), props, { children: [initials && (_jsx("span", { className: "pf-v6-c-avatar__initials", "aria-hidden": "true", children: initials })), children && children] })));
}
return _jsx("img", Object.assign({ src: src, alt: alt, className: avatarClasses }, props));
};
Avatar.displayName = 'Avatar';
//# sourceMappingURL=Avatar.js.map