const InterestInput = ({ onChangeCallback, loanInterest }) => {
  return (
    <div className="flex">
      <label className="my-1" htmlFor="">
        Interés (TIN)
        <input
          className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
          value={loanInterest}
          onChange={onChangeCallback}
        />
      </label>
      <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
        %
      </div>
    </div>
  );
};

export default InterestInput;
