import React, { memo } from "react";

const EditableStatusCell = memo(({ value, mappings, onChange }) => (
  <select value={value} onChange={onChange}>
    {Object.keys(mappings).map((key, index) => (
      <option key={index} value={key}>
        {mappings[key]}
      </option>
    ))}
  </select>
));

export default EditableStatusCell;
