import { useState } from 'react';

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