baazjs/src/components/Header/header.js

import React, { Suspense } from 'react';
import { shape, string } from 'prop-types';

import NavButon from './navButon';
import { mergeClasses } from '../../classify';
import defaultClasses from './header.scss';


const Header = props => {

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

    return (
        <header className={classes.root} >
            <div className="pos-f-t">
                <nav className="navbar navbar-light bg-light">
                   <NavButon />
                </nav>
            </div>
        </header>
    );
};

Header.propTypes = {
    classes: shape({
        closed: string,
        logo: string,
        open: string,
        primaryActions: string,
        secondaryActions: string,
        toolbar: string
    })
};

export default Header;