WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

first commit

Browse Source
This commit is contained in:
Olu Amey
2021-12-18 20:23:31 -05:00
commit bce242fd22
308 changed files with 42398 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SearchModule/index.js
+53
View File
@@ -0,0 +1,53 @@
import React from 'react';
import logo from '../../assets/images/logo-7.png';
function SearchModule({ value, searchToggle }) {
return (
<>
<div className={`search-box ${value ? 'open' : ''}`}>
<div className="search-header">
<div className="container mt-60">
<div className="row">
<div className="col-6">
<h5 className="search-title">
<img src={logo} alt="" />
</h5>
</div>
<div className="col-6">
<div className="search-close text-right">
<button
onClick={searchToggle}
type="button"
className="search-close-btn"
>
Close <span></span>
<span></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div className="search-body">
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="search-form">
<form action="#">
<input type="text" placeholder="Search for Products" />
<button type="button">
<i className="fa fa-search"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</>
);
}
export default SearchModule;