@atlaskit/atlassian-navigation
Version:
A horizontal navigation component for Atlassian apps.
71 lines (70 loc) • 2.02 kB
JavaScript
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
import _extends from "@babel/runtime/helpers/extends";
import "./index.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import LogInIcon from '@atlaskit/icon/core/log-in';
import { Flex } from '@atlaskit/primitives/compiled';
import { IconButton } from '../IconButton';
const iconSpacingStyles = {
space050: "_1rjc1b66 _18zr1b66"
};
/**
* __Sign in__
*
* A sign-in button that can be passed into `AtlassianNavigation`'s `renderSignIn` prop.
*
* - [Examples](https://atlassian.design/components/atlassian-navigation/examples#sign-in)
* - [Code](https://atlassian.design/components/atlassian-navigation/code)
*
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export const SignIn = props => {
const {
component,
href,
id,
isDisabled,
isSelected,
label,
onBlur,
onClick,
onFocus,
onMouseDown,
onMouseEnter,
onMouseLeave,
onMouseUp,
target,
testId,
tooltip,
...rest
} = props;
return /*#__PURE__*/React.createElement("div", {
role: "listitem"
}, /*#__PURE__*/React.createElement(IconButton, _extends({
component: component,
href: href,
icon: /*#__PURE__*/React.createElement(Flex, {
xcss: iconSpacingStyles.space050
}, /*#__PURE__*/React.createElement(LogInIcon, {
color: "currentColor",
label: typeof tooltip === 'string' ? tooltip : 'Sign-in Icon'
})),
id: id,
isDisabled: isDisabled,
isSelected: isSelected,
label: label,
onBlur: onBlur,
onClick: onClick,
onFocus: onFocus,
onMouseDown: onMouseDown,
onMouseEnter: onMouseEnter,
onMouseLeave: onMouseLeave,
onMouseUp: onMouseUp,
target: target,
testId: testId,
tooltip: tooltip
// These are all explicit, leaving it in just in case
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
}, rest)));
};