31 lines
859 B
JavaScript
31 lines
859 B
JavaScript
import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
|
|
|
|
export default forwardRef(function TextInput(
|
|
{ type = 'text', className = '', isFocused = false, ...props },
|
|
ref,
|
|
) {
|
|
const localRef = useRef(null);
|
|
|
|
useImperativeHandle(ref, () => ({
|
|
focus: () => localRef.current?.focus(),
|
|
}));
|
|
|
|
useEffect(() => {
|
|
if (isFocused) {
|
|
localRef.current?.focus();
|
|
}
|
|
}, [isFocused]);
|
|
|
|
return (
|
|
<input
|
|
{...props}
|
|
type={type}
|
|
className={
|
|
'rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:focus:border-indigo-600 dark:focus:ring-indigo-600 ' +
|
|
className
|
|
}
|
|
ref={localRef}
|
|
/>
|
|
);
|
|
});
|