From da380dff812a6a098bc7e950e38f9de3b6a23ed2 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Thu, 6 Dec 2018 00:32:46 +0200
Subject: [PATCH] fix #4 create the search component.

---
 src/components/Search.js | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/Search.js b/src/components/Search.js
index 87edf88..1f92c2a 100644
--- a/src/components/Search.js
+++ b/src/components/Search.js
@@ -1,11 +1,17 @@
 import React from 'react';
-class Search extends React.Component{
-render(){
-  return(
-    <form action="" method="POST">
 
-    </form>
-  )
+class Search extends React.Component {
+  render() {
+    return (
+      <form action="">
+        <button className="search-button" type='submit'>
+          <img src={require('../assets/images/search.png')} alt=""/>
+        </button>
+
+        <input type="text" className="search-box" name="search-box" placeholder="بحث في الأرشيف  search the Archive"/>
+      </form>
+    )
+  }
 }
-}
-export default  (Search);
\ No newline at end of file
+
+export default (Search);
\ No newline at end of file