import {Dispatch} from 'react';

import SearchBar, {SearchBarProps} from './SearchBar';

function Banner(props: SearchBarProps){
  return <div id="fixed-banner" className="banner"> 
    <div className="banner container">
      <div className="banner element left">
        <div className="left-banner container">
          <img id="banner-icon" className="left-banner element" src="logo/amane.png"/>
        </div>
      </div>
      <div className="banner element right">
        <div className="right-banner container">
          <div className="right-banner element">
            <SearchBar setInput={props.setInput}/>
          </div>
        </div>
      </div>
    </div>
  </div>;
}

export default Banner;
