render() {
        const {
            title,
            tabIndex,
            onClick,
            onFocus,
            onBlur,
            disabled,
            assistiveText,
            ariaHaspopup,
            src,
            initials,
            icon,
            avatarSize,
            initialsVariant,
            avatarBackgroundColor,
        } = this.props;

        return (
            <StyledButton
                data-id="avatar-menu-button"
                tabIndex={tabIndex}
                onFocus={onFocus}
                onBlur={onBlur}
                disabled={disabled}
                onClick={onClick}
                title={title}
                aria-haspopup={ariaHaspopup}
                ref={this.avatarButtonRef}
            >
                <Avatar
                    src={src}
                    icon={icon}
                    initials={initials}
                    size={avatarSize}
                    initialsVariant={initialsVariant}
                    title={title}
                    assistiveText={assistiveText}
                    ariaHaspopup
                    onFocus={onFocus}
                    onBlur={onBlur}
                    backgroundColor={avatarBackgroundColor}
                />
            </StyledButton>
        );
    }
Sets blur on the element.
@public