All files / src/px-branding-bar index.js

100% Statements 1/1
75% Branches 3/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              1x                          
import React from 'react';
import PredixLogo from './px-predix-svg-logo';
import Logo from './px-ge-svg-logo';
import styles from './style.scss';
 
//https://www.predix-ui.com/#/elements/px-branding-bar
export default ({ title = 'Predix Design System', powered = 'Powered by', children }) => (
	<div className='px-branding-bar flex flex--justify'>
		<div className='u-ml flex flex--middle'>
			<span className='u-ml-- flex flex--middle'><Logo/></span>
			<label className='u-ml-- flex flex--middle'>{title}</label>
			{children && <div>{children}</div>}
		</div>
		<div className='flex flex--middle'>
			<span className='u-mr-- px-branding-bar__powered-by-text'>{powered}</span>
			<span className='u-mr'><PredixLogo size={10}/></span>
		</div>
		<style jsx>{styles}</style>
	</div>
);