@atlaskit/navigation-system
Version:
The latest navigation system for Atlassian apps.
23 lines • 626 B
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { forwardRef, useCallback } from 'react';
import Avatar from '@atlaskit/avatar/avatar';
import { EndItem } from './end-item';
/**
* __Profile__
*
* The Profile button for the top navigation.
*/
export const Profile = /*#__PURE__*/forwardRef(({
src,
...props
}, ref) => {
const ProfileAvatar = useCallback(() => /*#__PURE__*/React.createElement(Avatar, {
appearance: "circle",
src: src,
size: "small"
}), [src]);
return /*#__PURE__*/React.createElement(EndItem, _extends({}, props, {
ref: ref,
icon: ProfileAvatar
}));
});