Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 

42 lignes
1.6 KiB

  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. import SafeAnchor from './SafeAnchor';
  6. import { useBootstrapPrefix } from './ThemeProvider';
  7. var defaultProps = {
  8. active: false,
  9. linkProps: {}
  10. };
  11. var BreadcrumbItem = React.forwardRef(function (_ref, ref) {
  12. var bsPrefix = _ref.bsPrefix,
  13. active = _ref.active,
  14. children = _ref.children,
  15. className = _ref.className,
  16. _ref$as = _ref.as,
  17. Component = _ref$as === void 0 ? 'li' : _ref$as,
  18. _ref$linkAs = _ref.linkAs,
  19. LinkComponent = _ref$linkAs === void 0 ? SafeAnchor : _ref$linkAs,
  20. linkProps = _ref.linkProps,
  21. href = _ref.href,
  22. title = _ref.title,
  23. target = _ref.target,
  24. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "active", "children", "className", "as", "linkAs", "linkProps", "href", "title", "target"]);
  25. var prefix = useBootstrapPrefix(bsPrefix, 'breadcrumb-item');
  26. return /*#__PURE__*/React.createElement(Component, _extends({
  27. ref: ref
  28. }, props, {
  29. className: classNames(prefix, className, {
  30. active: active
  31. }),
  32. "aria-current": active ? 'page' : undefined
  33. }), active ? children : /*#__PURE__*/React.createElement(LinkComponent, _extends({}, linkProps, {
  34. href: href,
  35. title: title,
  36. target: target
  37. }), children));
  38. });
  39. BreadcrumbItem.displayName = 'BreadcrumbItem';
  40. BreadcrumbItem.defaultProps = defaultProps;
  41. export default BreadcrumbItem;