import React, {Component} from "react";

import Logo from "./logo";
import Nav from "./nav";
import SearchField from "./search-field";

class Header extends Component {
    render() {
        return (
            <div id="Wheader" className="container-fluid">
                <nav className="navbar navbar-default header-nav">
                    <div className="row">
                        <div className="col-lg-4 col-md-4 col-sm-4">
                            <Logo/>
                        </div>
                        <div className="navbar-center col-lg-4 col-md-4 col-sm-4 nopadding">
                            <Nav/>
                        </div>
                        <div className="col-lg-4 col-md-4 col-sm-4">
                            <SearchField/>
                        </div>
                    </div>
                </nav>
            </div>
        );
    }
}

export default Header;