Ligonier Code Challenge.

app/ligonier/header.tsx

@@ -0,0 +1,14 @@
+import { Logo } from "./logo";
+import { ControlBar } from "./control_bar"
+
+export function Header({ isGallery, handleClick }) {
+	return (
+		<div className="header flex flex-row m-5 mr-10 md:mr-0 ml-10 md:ml-20 xl:ml-50 gap-5 items-center">
+			<a href="https://www.ligonier.org">
+				<Logo />
+			</a>
+			<h1 className="font-libre">Ligonier Code Challenge - Ben Nilsen</h1>
+			<ControlBar isGallery={isGallery} handleClick={handleClick} />
+		</div>
+	);
+}