import React from 'react'

const AddFoodItemForm = props => {
  return (
    <form onSubmit={ props.addFoodItem } className="col-sm-4">
      <div>
        <div>
          <label className="text-white">Food name</label>
          <input type="text" name="food" value={props.food} onChange={ props.handleInputChange}/>
        </div>
        <div>
          <label className="text-white">Food cost</label>
          <input type="number" name="cost" value={props.cost} onChange={ props.handleInputChange} />
        </div>
        <button> Add food item </button>
      </div>
    </form>
  )
}

export default AddFoodItemForm;