baazjs/src/components/Navigation/navigation.js

import React, { memo } from 'react';
import { shape, string } from 'prop-types';
import { useNavigation } from '../../Hooks/Navigation/useNavigation';
// const NavHeader = React.lazy(() => import('./navHeader'));
import './navigation.scss';

const Navigation = props => {
    const {
        hasModal,
        isOpen,
    } = useNavigation({});


    const rootClassName = isOpen ? `navigation_root_open` : `navigation_root`;
    const modalClassName = hasModal ? `navigation_modal_open` : `navigation_modal`;
    const bodyClassName = hasModal ? `navigation_body_masked` : `navigation_body`;



    return (
        <aside className={rootClassName}>
            <header className={modalClassName}>
                {/* <NavHeader
                    isTopLevel={isTopLevel}
                    onBack={handleBack}
                    onClose={handleClose}
                    view={view}
                    showSignIn={showSignIn}
                /> */}
            </header>
            <div className={bodyClassName} >

            </div>
        </aside>
    );
};

export default memo(Navigation);

Navigation.propTypes = {
    classes: shape({
        body: string,
        footer: string,
        header: string,
        root: string,
        root_open: string,
        isRoot: string
    })
};