From ef198bd9c9a0c6dbc0d3f7c5a47790781b00ae0d Mon Sep 17 00:00:00 2001
From: "[poww10s]" <[theironminer@gmail.com]>
Date: Thu, 26 Nov 2020 18:49:18 -0500
Subject: [PATCH] add Dropzone component

---
 src/features/io/IO.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/features/io/IO.js

diff --git a/src/features/io/IO.js b/src/features/io/IO.js
new file mode 100644
index 0000000..7602201
--- /dev/null
+++ b/src/features/io/IO.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import { useDropzone } from 'react-dropzone';
+
+export default function Dropzone(props) {
+    const { getRootProps, getInputProps, open, acceptedFiles } = useDropzone({
+        noClick: true,
+        noKeyboard: true,
+    });
+
+    return (
+        <div className="container">
+            <div {...getRootProps}>
+                <input {...getInputProps} />
+                <p>Drag and drop files here</p>
+                <button type="button" onClick={open}>
+                    Open File
+                </button>
+            </div>
+        </div>
+    );
+}