import DeleteIconSmall from "../icons/DeleteIconSmall";

interface DeleteButtonProps {
  clickHandler: () => void
}

export default function DeleteButton({ clickHandler }: DeleteButtonProps) {
  return (
    <button onClick={clickHandler} className="flex items-center min-w-1/4 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-red-300 duration-300 cursor-pointer">
      <DeleteIconSmall />
      Delete
    </button>
  );

}
