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>

  );

}