Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

46 Zeilen
1.5 KiB

  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _react = _interopRequireDefault(require("react"));
  8. var _propTypes = _interopRequireDefault(require("prop-types"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _utils = require("./utils");
  11. var propTypes = {
  12. tag: _utils.tagPropType,
  13. active: _propTypes.default.bool,
  14. className: _propTypes.default.string,
  15. cssModule: _propTypes.default.object
  16. };
  17. var defaultProps = {
  18. tag: 'li'
  19. };
  20. var BreadcrumbItem = function BreadcrumbItem(props) {
  21. var className = props.className,
  22. cssModule = props.cssModule,
  23. active = props.active,
  24. Tag = props.tag,
  25. attributes = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "cssModule", "active", "tag"]);
  26. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)(className, active ? 'active' : false, 'breadcrumb-item'), cssModule);
  27. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  28. className: classes,
  29. "aria-current": active ? 'page' : undefined
  30. }));
  31. };
  32. BreadcrumbItem.propTypes = propTypes;
  33. BreadcrumbItem.defaultProps = defaultProps;
  34. var _default = BreadcrumbItem;
  35. exports.default = _default;