UNPKG

@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
/* 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;