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