Ravenous

searchBar.js

import React from 'react';
import './searchBar.css';

const sortByOptions{
    
    'Best Match': 'best_match',
    'Highest Rated': 'rating',
    'Most Reviewed': 'review_count'
    }

class SearchBar extends React.Component{
    render(
    <div className="SearchBar">
  <div className="SearchBar-sort-options">
    <ul>
      .renderSortByOptions() 
    </ul>
  </div>
  <div className="SearchBar-fields">
    <input placeholder="Search Businesses" />
    <input placeholder="Where?" />
  </div>
  <div className="SearchBar-submit">
    <a>Let's Go</a>
  </div>
</div>
    ) 
    return sortByOptions.keys(sortByoptions).map(sortByOption =>{
        let sortByOptionValue = sortByOptions[sortByOption];
        return <li key=`{sortByOptionValue}`>`{sortByOption}` </li>;
    });


}

export default SearchBar;