implemented the modal

src/components/UI/Backdrop/Backdrop.js

@@ -0,0 +1,11 @@
+import React from 'react'; 
+
+
+
+const backdrop = (props) => (
+   props.show ? <div 
+                  onClick={props.toggleBackdrop}
+                  className="backdrop"></div> : null 
+); 
+
+export default backdrop; 

src/components/UI/Modal/Modal.js

@@ -0,0 +1,15 @@
+import React from 'react'; 
+import Aux from '../../../hoc/Aux/Aux'; 
+import Backdrop from '../Backdrop/Backdrop'
+
+const modal = (props) => (
+   <Aux>
+      <Backdrop show={props.show} toggleBackdrop={props.modalClosed}/>
+      <div 
+         className={"modal " + (props.show ? "show" : "hide")}>
+         {props.children}
+      </div>
+   </Aux>
+); 
+
+export default modal;