import React from 'react';

class InputContainer extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputHeight: 'auto',
    };
  }

  handleChange = (event) => {
    this.setState({ inputHeight: event.target.scrollHeight + 'px' });
  }

  render() {
    return (
      <div style={{ height: this.state.inputHeight }}>
        <textarea
          style={{ height: '100%', resize: 'none' }}
          onChange={this.handleChange}
        />
      </div>
    );
  }
}

export default InputContainer;