import { Link } from "react-router-dom";
export function Input({handleChange, label, ...otherProps}) {
return (
<div className="mb-16 flex flex-col group">
{label && (<label htmlFor="" className="text-gray-500 text-left py-2 text-base font-semibold focus:text-green-400">{label}</label>)}
<input onChange={handleChange} {...otherProps} className="py-2 w-auto text-base text-gray-500 flex items-center font-bold border-b outline-none hover:border-b-gray-500 focus:border-b-green-400 transition-colors" />
</div>
);
}