From f64051008ce7a8a46f016168ad0e54a2876233a3 Mon Sep 17 00:00:00 2001
From: Abhinav-grd <abhinavk.grd@gmail.com>
Date: Tue, 5 Jan 2021 10:55:08 +0530
Subject: [PATCH] [Abhinav] | Created CollectionSelector Component

---
 .../gallery/components/CollectionSelector.tsx | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/pages/gallery/components/CollectionSelector.tsx

diff --git a/src/pages/gallery/components/CollectionSelector.tsx b/src/pages/gallery/components/CollectionSelector.tsx
new file mode 100644
index 000000000..b1f99ea19
--- /dev/null
+++ b/src/pages/gallery/components/CollectionSelector.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { Button, Modal } from 'react-bootstrap';
+
+function CollectionSelector({ modalView, closeModal, showModal }) {
+  return (
+    <>
+      {/* <Button variant='primary' onClick={showModal}>
+        Launch demo modal
+      </Button> */}
+
+      <Modal show={modalView} onHide={closeModal}>
+        <Modal.Header closeButton>
+          <Modal.Title>Modal heading</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>Woohoo, you're reading this text in a modal!</Modal.Body>
+        <Modal.Footer>
+          <Button variant='secondary' onClick={closeModal}>
+            Close
+          </Button>
+          <Button variant='primary' onClick={closeModal}>
+            Save Changes
+          </Button>
+        </Modal.Footer>
+      </Modal>
+    </>
+  );
+}
+
+export default CollectionSelector;