function Messages(props) {

    var eeChecked;
    if(props.easterEgg === "TRUE") {
      eeChecked = true;
    } else if(props.easterEgg === "FALSE") {
      eeChecked = false;
    } else {
      eeChecked = false;
    }
    return (
      <div id="messageGrid" title={props.group}>
        <label htmlFor="index">Index</label>
        <input id="index" type="text" defaultValue={props.index}></input>
        <label htmlFor="greeting">Greeting</label>
        <input id="greeting" type="text" defaultValue={props.greeting}></input>
        <label htmlFor="Easter Egg">Easter Egg</label>
        <input id="Easter Egg" type="checkbox" defaultChecked={eeChecked}></input>
      </div>
    );
}

export default Messages;