import {__} from '@wordpress/i18n';

/**
 * Top bar shared by the Video Library and Video Settings screens. Same
 * markup and classes as the main Infinite Uploads screen header.
 */
export default function PageHeader({title, children}) {
	return (
		<div className="iup-topbar">
			<div className="iup-topbar__lead">
				<h1 className="iup-topbar__brand">
					<img
						src={IUP_VIDEO.assetBase + '/img/iu-logo-words.svg'}
						alt={__('Infinite Uploads', 'infinite-uploads')}
						height="40"
						width="160"
					/>
				</h1>
				<span className="iup-topbar__title">{title}</span>
			</div>
			{children && <div className="iup-topbar__meta">{children}</div>}
		</div>
	);
}