| Server IP : 199.250.214.225 / Your IP : 18.119.106.28 Web Server : Apache System : Linux vps64074.inmotionhosting.com 3.10.0-1160.105.1.vz7.214.3 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : nicngo5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/nicngo5/funds.upgrade.nicn.gov.ng/funds-upgraded/vendor/laravel/breeze/stubs/inertia-react/resources/js/Components/ |
Upload File : |
import React, { useEffect, useRef } from 'react';
export default function Input({
type = 'text',
name,
value,
className,
autoComplete,
required,
isFocused,
handleChange,
}) {
const input = useRef();
useEffect(() => {
if (isFocused) {
input.current.focus();
}
}, []);
return (
<div className="flex flex-col items-start">
<input
type={type}
name={name}
value={value}
className={
`border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm ` +
className
}
ref={input}
autoComplete={autoComplete}
required={required}
onChange={(e) => handleChange(e)}
/>
</div>
);
}