1 | import React from 'react';
|
2 | import PropTypes from 'prop-types';
|
3 | import classNames from 'classnames';
|
4 | import { mapToCssModules, tagPropType } from './utils';
|
5 |
|
6 | const propTypes = {
|
7 | tag: tagPropType,
|
8 | type: PropTypes.string,
|
9 | className: PropTypes.string,
|
10 | cssModule: PropTypes.object,
|
11 | children: PropTypes.node,
|
12 | };
|
13 |
|
14 | const defaultProps = {
|
15 | tag: 'button',
|
16 | type: 'button'
|
17 | };
|
18 |
|
19 | const NavbarToggler = (props) => {
|
20 | const {
|
21 | className,
|
22 | cssModule,
|
23 | children,
|
24 | tag: Tag,
|
25 | ...attributes
|
26 | } = props;
|
27 |
|
28 | const classes = mapToCssModules(classNames(
|
29 | className,
|
30 | 'navbar-toggler'
|
31 | ), cssModule);
|
32 |
|
33 | return (
|
34 | <Tag aria-label="Toggle navigation" {...attributes} className={classes}>
|
35 | {children || <span className={mapToCssModules('navbar-toggler-icon', cssModule)} />}
|
36 | </Tag>
|
37 | );
|
38 | };
|
39 |
|
40 | NavbarToggler.propTypes = propTypes;
|
41 | NavbarToggler.defaultProps = defaultProps;
|
42 |
|
43 | export default NavbarToggler;
|