19 lines
505 B
TypeScript
19 lines
505 B
TypeScript
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>
|
|
);
|
|
}
|
|
|