Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
export const Header = ({ left, right, screen, title }) => (
Luke Schoen
committed
<div className='header-nav header-nav_left'>{left}</div>
<div className={`header-nav header-nav_title -header-${screen}`}>
{title || <Placeholder height={24} width={150} />}
</div>
Luke Schoen
committed
<div className='header-nav header-nav_right'>{right}</div>
Header.propTypes = {
left: PropTypes.node,
right: PropTypes.node,
Luke Schoen
committed
screen: PropTypes.string,
title: PropTypes.oneOfType([PropTypes.node, PropTypes.string])