import type { MouseEvent } from "react";

export interface ControlBarProps {
    isGallery: boolean;
    handleClick: React.MouseEventHandler<HTMLButtonElement>;
}

export function ControlBar({ isGallery, handleClick }: ControlBarProps ) {
	return(
		<div className="hidden md:flex ml-auto">
			<button className="hover:bg-[#839b39] bg-[#789031] text-white p-2 rounded-lg mr-20 xl:mr-50 min-w-[130px]"
					onClick={handleClick}
			>
				{isGallery ? 'List' : 'Gallery'} View
			</button>
		</div>
	);
}