All files / src/px-app-header index.js

100% Statements 2/2
100% Branches 1/1
100% Functions 1/1
100% Lines 2/2
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                                    1x         1x                  
import React from 'react';
import classnames from 'classnames';
 
import stylesheet from './style.scss';
 
import AppNav from '../px-app-nav';
import BrandingBar from '../px-branding-bar';
 
/**
 * px-app-header component
 */
export default ({
  title = 'px-app-header',
  items,
  style,
  children
}) => {
 
  const baseClasses = classnames(
    'px-app-header',
    { 'px-app-header--children': children }
  );
 
  return (
    <div className={baseClasses} style={style}>
      <BrandingBar title={title}/>
      <AppNav items={items}/>
      <div>{children}</div>
      <style jsx>{stylesheet}</style>
    </div>
  );
}