@engie-group/fluid-design-system-react/lib/components/avatar/picture/NJAvatarPicture.js

Fluid Design System React

import { jsx } from 'react/jsx-runtime';
import React__default, { useContext, useEffect } from 'react';
import { Utils } from '../../../utils/util.js';
import { NJAvatarContext } from '../NJAvatar.context.js';

const NJAvatarPicture = React__default.forwardRef(({ className, ...htmlProps }, forwardedRef) => {
    const context = useContext(NJAvatarContext);
    useEffect(() => {
        if (context) {
            context.setHasContent(true);
        }
    }, []);
    const imgClassName = Utils.classNames(className, 'nj-avatar__picture');
    return jsx("img", { className: imgClassName, ref: forwardedRef, alt: context?.label, ...htmlProps });
});
NJAvatarPicture.displayName = 'NJAvatarPicture';

export { NJAvatarPicture };