|
1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- import _extends from "@babel/runtime/helpers/esm/extends";
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
- import React from 'react';
- import PropTypes from 'prop-types';
- import classNames from 'classnames';
- import { mapToCssModules, tagPropType } from './utils';
- var propTypes = {
- tag: tagPropType,
- listTag: tagPropType,
- className: PropTypes.string,
- listClassName: PropTypes.string,
- cssModule: PropTypes.object,
- children: PropTypes.node,
- 'aria-label': PropTypes.string
- };
- var defaultProps = {
- tag: 'nav',
- listTag: 'ol',
- 'aria-label': 'breadcrumb'
- };
-
- var Breadcrumb = function Breadcrumb(props) {
- var className = props.className,
- listClassName = props.listClassName,
- cssModule = props.cssModule,
- children = props.children,
- Tag = props.tag,
- ListTag = props.listTag,
- label = props['aria-label'],
- attributes = _objectWithoutPropertiesLoose(props, ["className", "listClassName", "cssModule", "children", "tag", "listTag", "aria-label"]);
-
- var classes = mapToCssModules(classNames(className), cssModule);
- var listClasses = mapToCssModules(classNames('breadcrumb', listClassName), cssModule);
- return React.createElement(Tag, _extends({}, attributes, {
- className: classes,
- "aria-label": label
- }), React.createElement(ListTag, {
- className: listClasses
- }, children));
- };
-
- Breadcrumb.propTypes = propTypes;
- Breadcrumb.defaultProps = defaultProps;
- export default Breadcrumb;
|