react-lightning-design-system/lib/scripts/BreadCrumbs.js

Salesforce Lightning Design System components built with React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Crumb = exports.BreadCrumbs = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _excluded = ["className", "href", "children"],
  _excluded2 = ["className", "children"];
/**
 *
 */

/**
 *
 */
var Crumb = exports.Crumb = function Crumb(_ref) {
  var className = _ref.className,
    href = _ref.href,
    children = _ref.children,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var text = children;
  var cClassName = (0, _classnames["default"])('slds-breadcrumb__item', className);
  return /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({}, props, {
    className: cClassName
  }), /*#__PURE__*/_react["default"].createElement("a", {
    href: href
  }, text));
};

/**
 *
 */

/**
 *
 */
var BreadCrumbs = exports.BreadCrumbs = function BreadCrumbs(_ref2) {
  var className = _ref2.className,
    children = _ref2.children,
    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
  var oClassName = (0, _classnames["default"])('slds-breadcrumb', 'slds-list_horizontal', 'slds-wrap', className);
  return /*#__PURE__*/_react["default"].createElement("nav", (0, _extends2["default"])({}, props, {
    role: "navigation",
    "aria-label": "Breadcrumbs"
  }), /*#__PURE__*/_react["default"].createElement("ol", {
    className: oClassName
  }, children));
};
//# sourceMappingURL=BreadCrumbs.js.map