import React from "react";

export default function Header({ title, tagline }) {
	return (
		<header>
			<div className="container">
				<div className="d-flex justify-content-between align-item-center">
					<a href="/" className="d-flex justify-content-start align-items-center mr-2" title="Home">
						<img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg"
							alt="Gravatar" />
						<span className="ml-2">{title}</span>
					</a>
					<div className="d-none d-sm-flex flex-column justify-content-around ml-2">
						<small>{tagline}</small>
					</div>
				</div>
			</div>
		</header>
	);
}