Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1838 | Rev 2108 | 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 = ({
2104 stevensc 12 
  label,
13 
  name,
14 
  value,
15 
  placeholder,
16 
  defaultValue,
1459 stevensc 17 
  options = [],
2104 stevensc 18 
  error = null,
1459 stevensc 19 
  inputRef = null,
2104 stevensc 20 
  onChange = () => {}
1459 stevensc 21 
}) => {
22 
  return (
1782 stevensc 23 
    <FormControl fullWidth>
1785 stevensc 24 
      {label ? (
25 
        <InputLabel shrink htmlFor={name}>
26 
          {label}
27 
        </InputLabel>
28 
      ) : null}
2104 stevensc 29 
 
1781 stevensc 30 
      <MuiSelect
2104 stevensc 31 
        inputRef={inputRef}
32 
        defaultValue={defaultValue}
1781 stevensc 33 
        value={value}
34 
        onChange={onChange}
1785 stevensc 35 
        name={name}
1781 stevensc 36 
        id={name}
2104 stevensc 37 
        sx={{
38 
          borderRadius: '4px'
39 
        }}
1781 stevensc 40 
        fullWidth
1838 stevensc 41 
        displayEmpty
1781 stevensc 42 
      >
1830 stevensc 43 
        <MenuItem value=''>{placeholder}</MenuItem>
1459 stevensc 44 
        {options.map(({ name, value }) => (
1785 stevensc 45 
          <MenuItem key={value} value={value}>
1459 stevensc 46 
            {name}
1785 stevensc 47 
          </MenuItem>
1459 stevensc 48 
        ))}
1781 stevensc 49 
      </MuiSelect>
2104 stevensc 50 
 
1781 stevensc 51 
      {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
52 
    </FormControl>
1459 stevensc 53 
  )
54 
}
55 
 
1781 stevensc 56 
export default Select