32 lines
922 B
TypeScript
32 lines
922 B
TypeScript
import { getActiveClasses } from 'get-active-classes'
|
|
import { TextField, FieldError } from '@redwoodjs/forms'
|
|
import { useFormContext } from 'react-hook-form'
|
|
|
|
const InputText = ({ type = 'text', className, name, validation }) => {
|
|
const {
|
|
formState: { errors },
|
|
} = useFormContext()
|
|
return (
|
|
<>
|
|
<div className={getActiveClasses('relative mt-5', className)}>
|
|
<FieldError
|
|
className="absolute -my-5 text-sm text-red-500"
|
|
name={name}
|
|
/>
|
|
<TextField
|
|
className={getActiveClasses(
|
|
'text-ch-gray-300 rounded-none bg-ch-gray-600 border border-transparent focus:border-ch-gray-300 px-2 py-1 relative w-full',
|
|
{ 'border border-red-600': errors[name] }
|
|
)}
|
|
name={name}
|
|
readOnly={false}
|
|
type={type}
|
|
validation={validation}
|
|
/>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default InputText
|