import React from "react";

function MessageInput(props) {
  const { onClick } = props;
  let inputRef;

  return (
    <div>
      <input type="text" ref={node => inputRef = node} />
      <button onClick={() => onClick(inputRef.value)}>
        SEND
      </button>
    </div>
  )
}

export default MessageInput;