Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1784 | Rev 1830 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1459 stevensc 1 
import React from 'react'
1785 stevensc 2 
import {
3 
  FormControl,
4 
  InputLabel,
5 
  MenuItem,
6 
  Select as MuiSelect
7 
} from '@mui/material'
1459 stevensc 8 
 
1781 stevensc 9 
import FormErrorFeedback from '../form/FormErrorFeedback'
1459 stevensc 10 
 
1781 stevensc 11 
const Select = ({
1459 stevensc 12 
  label = '',
13 
  options = [],
14 
  inputRef = null,
1781 stevensc 15 
  name = '',
1784 stevensc 16 
  value = '',
17 
  onChange = () => {},
1781 stevensc 18 
  error = null
1459 stevensc 19 
}) => {
20 
  return (
1782 stevensc 21 
    <FormControl fullWidth>
1785 stevensc 22 
      {label ? (
23 
        <InputLabel shrink htmlFor={name}>
24 
          {label}
25 
        </InputLabel>
26 
      ) : null}
1781 stevensc 27 
      <MuiSelect
28 
        ref={inputRef}
29 
        value={value}
30 
        onChange={onChange}
1785 stevensc 31 
        name={name}
1781 stevensc 32 
        id={name}
33 
        fullWidth
34 
      >
1459 stevensc 35 
        {options.map(({ name, value }) => (
1785 stevensc 36 
          <MenuItem key={value} value={value}>
1459 stevensc 37 
            {name}
1785 stevensc 38 
          </MenuItem>
1459 stevensc 39 
        ))}
1781 stevensc 40 
      </MuiSelect>
41 
      {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
42 
    </FormControl>
1459 stevensc 43 
  )
44 
}
45 
 
1781 stevensc 46 
export default Select