@ntragas/pouncejstest/dist/cjs/components/Breadcrumbs/Breadcrumbs.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _Flex = _interopRequireDefault(require("../Flex"));

var _Icon = _interopRequireDefault(require("../Icon"));

var _Box = _interopRequireDefault(require("../Box"));

var _Link = _interopRequireDefault(require("../Link"));

/** Breadcrumb is a way to navigate back to where you came from within the app */
var Breadcrumbs = function Breadcrumbs(_ref) {
  var items = _ref.items,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["items"]);
  return /*#__PURE__*/_react.default.createElement(_Box.default, {
    as: "nav",
    "aria-label": "Breadcrumbs"
  }, /*#__PURE__*/_react.default.createElement(_Flex.default, {
    as: "ol"
  }, items.map(function (item, index) {
    var isLastBreadcrumb = index === items.length - 1;
    return /*#__PURE__*/_react.default.createElement(_Flex.default, {
      key: item.href,
      as: "li",
      alignItems: "center",
      fontSize: "medium",
      fontWeight: isLastBreadcrumb ? 'bold' : 'normal',
      "aria-current": isLastBreadcrumb ? 'page' : undefined
    }, /*#__PURE__*/_react.default.createElement(_Link.default, (0, _extends2.default)({
      to: item.href,
      variant: "neutral",
      border: "none",
      truncated: true,
      maxWidth: "450px",
      "data-active": isLastBreadcrumb ? true : undefined
    }, rest), item.text), !isLastBreadcrumb && /*#__PURE__*/_react.default.createElement(_Icon.default, {
      type: "chevron-right",
      mx: 2,
      color: "blue-300",
      size: "medium",
      role: "presentation"
    }));
  })));
};

var _default = Breadcrumbs;
exports.default = _default;