import * as React from 'react'
import InlineSVG from 'svg-inline-react'

const searchIcon = require('!svg-inline-loader?removeTags=true&removeSVGTagAttrs=false!../../../img/svg/search.svg')

import './style.styl'

const SearchBar = (): JSX.Element => (
  <div className="search-bar">
    <div className="search-bar-all">All</div>
    <div className="search-bar-search">
      <InlineSVG style={{ display: 'flex' }} src={searchIcon} />
      <span style={{ marginLeft: '10px' }}>Search</span>
    </div>
  </div>
)

export default SearchBar