Modal and loader component added.

Author: iamdarshshah

src/Components/Loader/Loader.jsx

@@ -0,0 +1,18 @@
+import React from "react";
+
+const CircularProgress = props => (
+  <div className={`loader ${props.className}`}>
+    <svg className="circular" viewBox="25 25 50 50">
+      <circle
+        className="path"
+        cx="50"
+        cy="50"
+        r="15"
+        fill="none"
+        strokeWidth="2"
+        strokeMiterlimit="10"
+      />
+    </svg>
+  </div>
+);
+export default CircularProgress;

src/Components/Modals/Modal.jsx

@@ -0,0 +1,38 @@
+import React, { useState } from "react";
+import { Modal, Button } from "react-bootstrap";
+import PropTypes from "prop-types";
+
+const ModalComponent = props => {
+  const [show, setShow] = useState(false);
+
+  const handleClose = () => setShow(false);
+  const handleShow = () => setShow(true);
+  const { heading, body } = props;
+  return (
+    <>
+      <Button variant="primary" onClick={handleShow}>
+        Launch demo modal
+      </Button>
+
+      <Modal show={show} onHide={handleClose}>
+        <Modal.Header closeButton>
+          <Modal.Title>{heading}</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>{body}</Modal.Body>
+        <Modal.Footer>
+          <Button variant="secondary" onClick={handleClose}>
+            Close
+          </Button>
+          <Button variant="primary" onClick={handleClose}>
+            Save Changes
+          </Button>
+        </Modal.Footer>
+      </Modal>
+    </>
+  );
+};
+ModalComponent.propTypes = {
+  heading: PropTypes.String,
+  body: PropTypes.String
+};
+export default ModalComponent;