kuotata/src/components/PrincipalInput.jsx
2025-05-22 19:09:43 +02:00

20 lines
606 B
JavaScript

const PrincipalInput = ({onChangeCallback, loanPrincipal}) => {
return (
<div className="flex">
<label className="my-1" htmlFor="">
Capital prestado
</label>
<input
className="ml-3 w-[120px] w-min-0 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1 !placeholder-gray-300"
value={loanPrincipal}
placeholder="1000"
onChange={onChangeCallback}
/>
<div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
</div>
</div>
);
};
export default PrincipalInput;