import React from 'react';

import FormControl from '@mui/material/FormControl';
import Select from '@mui/material/Select';

import { TaskSelectProps } from './types';

const TaskSelect: React.FC<TaskSelectProps> = ({
  error,
  onChange,
  options,
  value,
}) => {
  return (
    <FormControl variant='outlined' error={error}>
      <Select native onChange={onChange} value={value}>
        <option value={''}>---</option>
        {options.map(({ value, name }, index) => (
          <option key={index} value={value}>
            {name}
          </option>
        ))}
      </Select>
    </FormControl>
  );
};

export default TaskSelect;