You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

BreadcrumbItem.js 1.1 KiB

пре 3 година
123456789101112131415161718192021222324252627282930313233
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import React from 'react';
  4. import PropTypes from 'prop-types';
  5. import classNames from 'classnames';
  6. import { mapToCssModules, tagPropType } from './utils';
  7. var propTypes = {
  8. tag: tagPropType,
  9. active: PropTypes.bool,
  10. className: PropTypes.string,
  11. cssModule: PropTypes.object
  12. };
  13. var defaultProps = {
  14. tag: 'li'
  15. };
  16. var BreadcrumbItem = function BreadcrumbItem(props) {
  17. var className = props.className,
  18. cssModule = props.cssModule,
  19. active = props.active,
  20. Tag = props.tag,
  21. attributes = _objectWithoutPropertiesLoose(props, ["className", "cssModule", "active", "tag"]);
  22. var classes = mapToCssModules(classNames(className, active ? 'active' : false, 'breadcrumb-item'), cssModule);
  23. return React.createElement(Tag, _extends({}, attributes, {
  24. className: classes,
  25. "aria-current": active ? 'page' : undefined
  26. }));
  27. };
  28. BreadcrumbItem.propTypes = propTypes;
  29. BreadcrumbItem.defaultProps = defaultProps;
  30. export default BreadcrumbItem;