import React, { PropTypes } from 'react';
import MenuItem from 'material-ui/MenuItem';
import SelectField from 'material-ui/SelectField';

const Purpose = ({ initialValue, handleChange }) => (
  <SelectField
    value={initialValue}
    onChange={handleChange}
    fullWidth
  >
    <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" />
    <MenuItem value={'FIX'} primaryText="Fix" />
    <MenuItem value={'WORKSHOP'} primaryText="Workshop" />
    <MenuItem value={'DONATE'} primaryText="Donate" />
    <MenuItem value={'STAFF'} primaryText="Staff" />
  </SelectField>
);

Purpose.propTypes = {
  initialValue: PropTypes.string,
  handleChange: PropTypes.func,
};

export default Purpose;
