import React from "react";

import { Select } from "@material-ui/core";

const ManifestECUFlashModes = (props) => {
  const changeHandler = (e) => {
    if (!props.changeHandler) return;
    props.changeHandler(e);
  };

  return (
    <Select
      id={props.id}
      native
      variant="outlined"
      value={props.value}
      onChange={changeHandler}
    >
      {FlashModeTypes.map((item, index) => (
        <option key={index} value={item[0]}>
          {item[1]}
        </option>
      ))}
    </Select>
  );
};

export default ManifestECUFlashModes;

const FlashModeTypes = [
  ["A", "Mode A"],
  ["D", "Mode D"],
  ["SELF", "Self"],
];