import './css/Search.css'
import Sidebar from './Components/Sidebar'
import { default as axios } from 'axios'
import Cookies from 'js-cookie'
import SearchResult from './Components/SearchResult'

function Search() {
	return (
		<>
			<div class="main">
				<Sidebar />
				<div className="search-container">
					<div className="search-bar">
						<input type="text" placeholder="serach"></input>
					</div>

					<div className="search-results">
						<SearchResult 
							id={1}
							title="niagar"
							author="john.clapper"
							likes="1.2l"
							dislikes="1"
							comments="1.2m"
							shares="1.2kg"
						/>

						<SearchResult
							id={1}
							title="niagar"
							author="john.clapper"
							likes="1.2l"
							dislikes="1"
							comments="1.2m"
							shares="1.2kg"
						/>
					</div>
				</div>
			</div>
		</>
	)
}

export default Search
