ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / costbloc.com / vendor / laravel / breeze / stubs / inertia-react / resources / js / Components

import { forwardRef, useEffect, useRef } from 'react';

export default forwardRef(function TextInput(
    { type = 'text', name, id, value, className, autoComplete, required, isFocused, handleChange },
    ref
) {
    const input = ref ? ref : useRef();

useEffect(() => {
        if (isFocused) {
            input.current.focus();
        }
    }, []);

return (
        <div className="flex flex-col items-start">
            <input
                type={type}
                name={name}
                id={id}
                value={value}
                className={
                    `border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm ` +
                    className
                }
                ref={input}
                autoComplete={autoComplete}
                required={required}
                onChange={(e) => handleChange(e)}
            />
        </div>
    );
});

[-] DangerButton.jsx [edit]
[+] ..
[-] InputLabel.jsx [edit]
[-] NavLink.jsx [edit]
[-] ApplicationLogo.jsx [edit]
[-] Dropdown.jsx [edit]
[-] Modal.jsx [edit]
[-] TextInput.jsx [edit]
[-] PrimaryButton.jsx [edit]
[-] Checkbox.jsx [edit]
[-] InputError.jsx [edit]
[-] SecondaryButton.jsx [edit]
[-] ResponsiveNavLink.jsx [edit]