DefinitelyTyped/types/react-dropzone/react-dropzone-tests.tsx

import * as React from 'react';
import Dropzone = require('react-dropzone');

class Test extends React.Component {
  constructor(props: any) {
    super(props);
  }

  dz: Dropzone;

  open() {
    this.dz.open();
  }

  render() {
    return (
      <div>
        <Dropzone
          ref={(node) => { this.dz = node } }
          onDrop={(e: any) => { e.preventDefault(); } }
          onDropAccepted={(e: any) => { e.preventDefault(); } }
          onDropRejected={(e: any) => { e.preventDefault(); } }
          onDragStart={(e: any) => { e.preventDefault(); } }
          onDragEnter={(e: any) => { e.preventDefault(); } }
          onDragLeave={(e: any) => { e.preventDefault(); } }
          style={{ borderStyle: "dashed" }}
          activeStyle={{ borderStyle: "dotted" }}
          rejectStyle={{ borderStyle: "dotted" }}
          className="regular"
          activeClassName="active"
          rejectClassName="reject"
          minSize={2000}
          maxSize={Infinity}
          disablePreview={true}
          disableClick={true}
          multiple={false}
          accept="*.png"
          name="dropzone"
          inputProps={{ id: "dropzone" }}
        />
      </div>
    );
  }
}

export default Test;