import { Link } from 'react-router-dom'

import { PAGES } from 'config/pages'

import { Search } from 'features/Search'
import { Menu } from 'features/Menu'

import { HeaderGroup, HeaderLogo } from './styled'

export const HeaderMenu = () => (
  <HeaderGroup>
    <Search />
    <Link to={PAGES.home} id='general_main_page'>
      <HeaderLogo />
    </Link>
    <Menu />
  </HeaderGroup>
)