import { Logo } from "./logo";
import { ControlBar } from "./control_bar"

import type { ControlBarProps } from "./control_bar"

export function Header({ isGallery, handleClick }: ControlBarProps) {
	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>
	);
}