@atlaskit/navigation-system
Version:
The latest navigation system for Atlassian apps.
39 lines (38 loc) • 1.09 kB
JavaScript
import React, { forwardRef } from 'react';
import LogInIcon from '@atlaskit/icon/core/log-in';
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
import { ListItem } from '../../components/list-item';
import { LinkIconButton } from './themed/link-icon-button';
/**
* __Log in__
*
* The Log in button for the top navigation.
*/
export const LogIn = /*#__PURE__*/forwardRef(({
onClick,
onMouseEnter,
testId,
interactionName,
href,
label
}, ref) =>
/*#__PURE__*/
/**
* This component doesn't use `EndItem` internally because it renders a
* `LinkIconButton` instead of an `IconButton`.
*
* We could make another abstraction, but this is the only top navigation item
* that renders a link.
*/
React.createElement(ListItem, null, /*#__PURE__*/React.createElement(LinkIconButton, {
ref: ref,
label: label,
href: href,
onClick: onClick,
onMouseEnter: onMouseEnter,
testId: testId,
interactionName: interactionName,
icon: LogInIcon,
appearance: "subtle",
isTooltipDisabled: false
})));