baazjs/src/components/Header/navButon.js

import React from 'react';
import { node, shape, string } from 'prop-types';
import { mergeClasses } from '../../classify';
import defaultClasses from './navButton.scss';
import { useNavigationTrigger } from '../../Hooks/Header/useNavigationTrigger';

/**
 * A component that toggles the navigation menu.
 */
const NavigationTrigger = props => {
    const { handleOpenNavigation } = useNavigationTrigger();

    const classes = mergeClasses(defaultClasses, props.classes);

    return (
        <button className={"navbar-toggler " +classes.navButtonRoot} type="button"
            onClick={handleOpenNavigation}>
            <span className="navbar-toggler-icon"></span>
        </button>
    );
};

NavigationTrigger.propTypes = {
    children: node,
    classes: shape({
        root: string
    })
};

export default NavigationTrigger;