Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import React from 'react';
import PropTypes from 'prop-types';
import { CloseXIcon } from '../../lib/SvgComponents.jsx';
const HeaderMobileButton = ({ isMobileMenuExpanded, handleClick }) => (
<button
className="mobile-menu-btn-new"
type="button"
data-toggle="collapse"
data-target="#nav-mobile"
aria-label="Navigation menu"
aria-expanded={isMobileMenuExpanded ? 'true' : 'false'}
aria-controls="nav-mobile"
onClick={handleClick}
>
{!isMobileMenuExpanded && (
<div className="icon">
<span className="icon-bar" />
<span className="icon-bar" />
<span className="icon-bar" />
</div>
)}
{isMobileMenuExpanded && (
<svg className="close-icon" aria-hidden="true">
<CloseXIcon />
</svg>
)}
<div className="toggle-text">Menu</div>
</button>
);
HeaderMobileButton.propTypes = {
isMobileMenuExpanded: PropTypes.bool.isRequired,
handleClick: PropTypes.func.isRequired,
};
export default HeaderMobileButton;
|