All files / px-navbar index.js

0% Statements 0/1
0% Branches 0/4
0% Functions 0/1
0% Lines 0/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                                                                                       
import React from 'react';
import style from './style.scss';
 
/**
 * px-navbar component
 */
export default({
	title,
	subtitle,
	back,
	backLabel,
	drawer,
	rightContent,
	children
}) => (
	<div className='px-navbar'>
 
		<nav id="navbar" className="navbar">
			<div className="navbar__inner">
				<div id="left" className="navbar__left">
					{drawer && <button className="navbar__button flex flex--center">Menu</button>}
					{back && <button id="backButton" className="navbar__button" >{backLabel}</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>
);