frontend/src/components/Search.js

import React from 'react';

class Search extends React.Component {
  render() {
    return (
      <form action="">
        <button className="search-button" type='submit'>
          <img src={require('../assets/images/search.svg')} alt=""/>
        </button>
        {/*<div className="search-box">*/}
          {/*<input type="text" required/>*/}
            {/*<div className="placeholder">*/}
              {/*<span className="english-text">Search</span>*/}
              {/*<span className="arabic-text">بحث في الأرشيف - </span>*/}
            {/*</div>*/}
        {/*</div>*/}
        <input type="text" className="search-box" name="search-box" placeholder="search the Archive   بحث في الأرشيف"/>
      </form>
    )
  }
}

export default (Search);