@kiwicom/orbit-components/lib/Breadcrumbs/BreadcrumbsItem/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";
"use client";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
exports.__esModule = true;
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _ChevronForward = _interopRequireDefault(require("../../icons/ChevronForward"));
const Component = ({
  href,
  onClick,
  component: Comp,
  children,
  ...props
}) => {
  const isClickable = onClick != null || href != null;
  if (!isClickable) return /*#__PURE__*/React.createElement("div", props, children);
  if (Comp != null) return /*#__PURE__*/React.createElement(Comp, (0, _extends2.default)({}, props, {
    onClick: onClick,
    href: href
  }), children);
  if (href == null) return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({
    type: "button"
  }, props, {
    onClick: onClick
  }), children);
  return /*#__PURE__*/React.createElement("a", (0, _extends2.default)({
    href: href,
    onClick: onClick
  }, props), children);
};
const BreadcrumbsItem = ({
  active = false,
  children,
  dataTest,
  onClick,
  href,
  contentKey,
  component,
  id,
  ...props
}) => {
  return /*#__PURE__*/React.createElement("li", {
    "data-test": dataTest,
    "aria-current": active ? "page" : undefined,
    itemProp: "itemListElement",
    itemScope: true,
    itemType: "http://schema.org/ListItem",
    className: "flex items-center"
  }, /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
    href: href,
    component: component,
    onClick: onClick,
    itemScope: true,
    itemType: "http://schema.org/WebPage",
    itemProp: "item",
    itemID: id ?? href
  }, props, {
    className: (0, _clsx.default)("text-ink-dark", active ? "font-bold" : "font-medium", (onClick != null || href != null) && [active ? "no-underline" : "underline", "cursor-pointer", "border-none", "p-0", "outline-offset-1", "duration-fast transition-colors ease-in-out", "hover:no-underline", "hover:text-product-normal-hover"])
  }), /*#__PURE__*/React.createElement("span", {
    itemProp: "name"
  }, children)), /*#__PURE__*/React.createElement("meta", {
    itemProp: "position",
    content: String(contentKey)
  }), !active && /*#__PURE__*/React.createElement(_ChevronForward.default, {
    ariaHidden: true,
    reverseOnRtl: true,
    size: "small",
    color: "tertiary",
    className: "mx-xxs my-0"
  }));
};
var _default = BreadcrumbsItem;
exports.default = _default;