@atlaskit/breadcrumbs
Version:
Breadcrumbs are a navigation system used to show a user's location in a site or app.
39 lines (38 loc) • 1.93 kB
JavaScript
/* ellipsis-item.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./ellipsis-item.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { memo } from 'react';
import { cx } from '@atlaskit/css';
import __noop from '@atlaskit/ds-lib/noop';
import { fg } from '@atlaskit/platform-feature-flags/fg';
import { Pressable } from '@atlaskit/primitives/compiled';
import { useBreadcrumbsSize } from './internal/use-breadcrumbs-size';
var noop = __noop;
var itemWrapperStyles = null;
var styles = {
root: "_11c8fhey _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19itglyw _zulp1b66 _2rko12b0 _4bfu1r31 _1hmsglyw _ajmmnqa1 _bfhksm61 _syaz1rpy _1e0c116y _4cvr1h6o _1wpz1h6o _1pfhze3t _1a3b1r31 _4fprglyw _5goinqa1 _f8pj1rpy _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31rpy _9h8hi7uo",
rootSmall: "_11c8wadc",
interactiveMotion: "_v564hxmd _1hms8stv _4bfu1j28 _o7kshxmd _9oik1rpy _1ggl87vo _1nrmi7uo"
};
var EllipsisItem = /*#__PURE__*/memo(function (_ref) {
var label = _ref.label,
_ref$onClick = _ref.onClick,
onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
testId = _ref.testId;
var breadcrumbsSize = useBreadcrumbsSize();
var isSmall = breadcrumbsSize === 'small';
return /*#__PURE__*/React.createElement("li", {
className: ax(["_1e0c1txw _vchhusvi _p12f1osq _4t3i59ms _2lx2vrvc _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _5nddv77o _1j1pu2gc _1dsou2gc _toskidpf _z4qy1rpy _15621n76 _191d1h6o"]),
style: {
"--_1fdrbou": ix("".concat(24 / 14, "em"))
}
}, /*#__PURE__*/React.createElement(Pressable, {
"aria-label": label,
onClick: onClick,
xcss: cx(styles.root, isSmall && styles.rootSmall, fg('platform-dst-motion-uplift-list-item') && styles.interactiveMotion),
testId: testId
}, "\u2026"));
});
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export default EllipsisItem;