Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

import { InputAdornment, TextField } from '@mui/material'

import FormErrorFeedback from './FormErrorFeedback'

const FormInputText = ({

  name = '',

  control = null,

  rules = {

    required: { value: true, message: 'This field is required' }

  },

  defaultValue = '',

  error = '',

  icon: Icon = null,

  ...rest

}) => {

  return (

    <Controller

      name={name}

      control={control}

      rules={rules}

      defaultValue={defaultValue}

      render={({ ref, name, value, onChange, onBlur }) => (

        <>

          <TextField

            id={name}

            name={name}

            inputRef={ref}

            value={value}

            onChange={onChange}

            onBlur={onBlur}

            InputProps={{

              startAdornment: Icon ? (

                <InputAdornment position='start'>

                  <Icon />

                </InputAdornment>

              ) : null

            }}

            fullWidth

            {...rest}

          />

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

        </>

      )}

    />

  )

}

export default FormInputText