Proyectos de Subversion LeadersLinked - SPA

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

import SelectInput from '../inputs/Select'
import FormErrorFeedback from './FormErrorFeedback'

const SelectField = ({
  control,
  name = '',
  placeholder = '',
  error = null,
  rules = {
    required: { value: true, message: 'This field is required' }
  },
  options = [],
  label = '',
  defaultValue = ''
}) => {
  const { field } = useController({
    name,
    control,
    rules,
    defaultValue
  })

  return (
    <>
      <SelectInput
        placeholder={placeholder}
        onChange={field.onChange}
        name={field.name}
        id={field.name}
        inputRef={field.ref}
        value={field.value}
        sx={{
          mb: error ? 0 : 1
        }}
        options={options}
        label={label}
      />
      {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
    </>
  )
}

export default SelectField