import EditIconSmall from "../icons/EditIconSmall";

interface EditButtonProps {
  clickHandler: () => void
}

export default function EditButton({ clickHandler }: EditButtonProps) {
  return (
    <button onClick={clickHandler} className="flex items-center min-w-1/4hh justify-center gap-x-1 rounded-lg border border-gray-300 text-gray-800 px-6 py-3 flex-grow hover:bg-gray-50 hover:border-blue-300 duration-300 cursor-pointer">
      <EditIconSmall />
      Edit
    </button>
  );

}