17 lines
622 B
JavaScript
17 lines
622 B
JavaScript
import React from 'react';
|
|
|
|
const Search = ({ isOpen, setIsOpen }) => {
|
|
return (
|
|
<>
|
|
<div className={`header__area-menubar-right-box-search-box ${isOpen ? 'active' : ''}`}>
|
|
<form>
|
|
<input type="search" placeholder="Search Here....." />
|
|
<button type="submit"><i className="fal fa-search"></i></button>
|
|
</form>
|
|
<span className="header__area-menubar-right-box-search-box-icon" onClick={() => setIsOpen(false)}><i className="fal fa-times"></i></span>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Search; |