Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3568 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3568 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { MenuItem, Select as MuiSelect } from '@mui/material';
 2 
import { MenuItem, Select as MuiSelect } from '@mui/material';
3 
 
 3 
 
4 
export function Select({
 4 
export function Select({
5 
  name,
 5 
  name,
6 
  defaultValue,
 6 
  defaultValue,
7 
  onChange,
 7 
  onChange,
8 
  value,
 8 
  value,
9 
  placeholder = 'Seleccione una opción',
 9 
  placeholder = 'Seleccione una opción',
10 
  options = [],
 10 
  options = [],
11 
  color = 'primary',
 11 
  color = 'primary',
12 
  ...props
 12 
  ...props
13 
}) {
 13 
}) {
14 
  return (
 14 
  return (
15 
    <MuiSelect
 15 
    <MuiSelect
16 
      name={name}
 16 
      name={name}
17 
      defaultValue={defaultValue}
 17 
      defaultValue={defaultValue}
18 
      value={value}
 18 
      value={value}
19 
      onChange={onChange}
 19 
      onChange={onChange}
20 
      fullWidth
 20 
      fullWidth
21 
      displayEmpty
 21 
      displayEmpty
22 
      sx={{
 22 
      sx={{
23 
        borderRadius: '4px'
 23 
        borderRadius: '4px'
24 
      }}
 24 
      }}
25 
      color={color}
 25 
      color={color}
26 
      {...props}
 26 
      {...props}
27 
    >
 27 
    >
28 
      <MenuItem value='' disabled>
 28 
      <MenuItem value='' disabled>
29 
        {placeholder}
 29 
        {placeholder}
30 
      </MenuItem>
 30 
      </MenuItem>
31 
 
 31 
 
32 
      {options.map(({ label, value }) => (
 32 
      {options.map(({ label, value }) => (
33 
        <MenuItem key={value} value={value}>
 33 
        <MenuItem key={value} value={value}>
34 
          {label}
 34 
          {label}
35 
        </MenuItem>
 35 
        </MenuItem>
36 
      ))}
 36 
      ))}
37 
    </MuiSelect>
 37 
    </MuiSelect>
38 
  );
 38 
  );
39 
}
 39 
}