import React from 'react';

class UploadButton extends React.Component {
  constructor(props) {
    super(props);
    this.onChange = this.onChange.bind(this);
  }

  onChange() {
    this.props.onChange(this.input);
  }

  render() {
    return (
      <label className={this.props.className}>
        <input
          className={'hidden h-0 w-0 abs'}
          ref={ref => {
            this.input = ref;
          }}
          onChange={this.onChange}
          disabled={this.props.disabled}
          type="file"
        />
        {this.props.children}
      </label>
    );
  }
}

export default UploadButton;