Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Controller } from 'react-hook-form'

import FormErrorFeedback from './FormErrorFeedback'
import TextInput from '../inputs/TextInput'

const FormInputText = ({
  control = null,
  name = '',
  placeholder = '',
  defaultValue = '',
  rules = {
    required: { value: true, message: 'This field is required' }
  },
  error = '',
  icon: Icon = null,
  label = '',
  type = 'text'
}) => {
  return (
    <Controller
      name={name}
      control={control}
      rules={rules}
      defaultValue={defaultValue}
      render={(field) => (
        <>
          <TextInput
            onChange={field.onChange}
            onBlur={field.onBlur}
            value={field.value}
            name={field.name}
            inputRef={field.ref}
            id={field.name}
            placeholder={placeholder}
            icon={Icon}
            label={label}
            sx={{
              mb: error ? 0 : 1
            }}
            type={type}
          />

          {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
        </>
      )}
    />
  )
}

export default FormInputText