@atlaskit/breadcrumbs/dist/cjs/components/ellipsis-item.js

Breadcrumbs are a navigation system used to show a user's location in a site or app.

/* ellipsis-item.tsx generated by @compiled/babel-plugin v3.0.2 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("./ellipsis-item.compiled.css");
var _react = _interopRequireWildcard(require("react"));
var React = _react;
var _runtime = require("@compiled/react/runtime");
var _css = require("@atlaskit/css");
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
var _fg = require("@atlaskit/platform-feature-flags/fg");
var _compiled = require("@atlaskit/primitives/compiled");
var _useBreadcrumbsSize = require("./internal/use-breadcrumbs-size");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var noop = _noop.default;
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__*/(0, _react.memo)(function (_ref) {
  var label = _ref.label,
    _ref$onClick = _ref.onClick,
    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
    testId = _ref.testId;
  var breadcrumbsSize = (0, _useBreadcrumbsSize.useBreadcrumbsSize)();
  var isSmall = breadcrumbsSize === 'small';
  return /*#__PURE__*/React.createElement("li", {
    className: (0, _runtime.ax)(["_1e0c1txw _vchhusvi _p12f1osq _4t3i59ms _2lx2vrvc _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _5nddv77o _1j1pu2gc _1dsou2gc _toskidpf _z4qy1rpy _15621n76 _191d1h6o"]),
    style: {
      "--_1fdrbou": (0, _runtime.ix)("".concat(24 / 14, "em"))
    }
  }, /*#__PURE__*/React.createElement(_compiled.Pressable, {
    "aria-label": label,
    onClick: onClick,
    xcss: (0, _css.cx)(styles.root, isSmall && styles.rootSmall, (0, _fg.fg)('platform-dst-motion-uplift-list-item') && styles.interactiveMotion),
    testId: testId
  }, "\u2026"));
});

// eslint-disable-next-line @repo/internal/react/require-jsdoc
var _default = exports.default = EllipsisItem;