All files / src/px-navbar index.js

100% Statements 1/1
50% Branches 2/4
100% Functions 1/1
100% Lines 1/1
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 39 40 41 42 43 44 45 46 47 48 49                                  1x                                                              
import React from 'react';
import style from './style.scss';
 
/**
 * px-navbar component
 */
export default({
	title,
	subtitle,
	showBackButton,
	backButtonLabel,
	showMenuButton,
  onBackButtonClick,
  onMenuButtonClick,
	rightContent,
	children
}) => (
	<div className='px-navbar'>
 
		<nav id="navbar" className="navbar">
			<div className="navbar__inner">
				<div id="left" className="navbar__left">
					{showMenuButton &&
						<button className="navbar__button flex flex--center toggle__menu" onClick={onMenuButtonClick}>
							Menu
            </button>}
					{showBackButton && <button id="backButton" className="navbar__button" onClick={onBackButtonClick}>{backButtonLabel}</button>}
				</div>
				<div className="navbar__center">
					<span className="navbar__title">
						<span>{title}</span>
					</span>
					<span className="navbar__subtitle">
						<span>{subtitle}</span>
					</span>
				</div>
				<div id="right" className="navbar__right">
					{rightContent}
				</div>
			</div>
		</nav>
 
		<style jsx>
			{
				style
			}</style>
	</div>
);