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