Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { MenuItem, Select as MuiSelect } from '@mui/material';

export function Select({
  name,
  defaultValue,
  onChange,
  value,
  placeholder = 'Seleccione una opción',
  options = [],
  color = 'primary',
  ...props
}) {
  return (
    <MuiSelect
      name={name}
      defaultValue={defaultValue}
      value={value}
      onChange={onChange}
      fullWidth
      displayEmpty
      sx={{
        borderRadius: '4px'
      }}
      color={color}
      {...props}
    >
      <MenuItem value='' disabled>
        {placeholder}
      </MenuItem>

      {options.map(({ label, value }) => (
        <MenuItem key={value} value={value}>
          {label}
        </MenuItem>
      ))}
    </MuiSelect>
  );
}