import React from "react";
import { useDropzone, DropzoneProps } from "../../";

export const Dropzone = ({ children, ...opts }: DropzoneProps) => {
  const { ...state } = useDropzone(opts);
  return children(state);
};

<Dropzone>
  {({ getRootProps, getInputProps }) => (
    <div {...getRootProps()}>
      <input {...getInputProps()} />
    </div>
  )}
</Dropzone>;