import React from "react";
import { Header, Nav } from "../../molecules";
import { Avatar, Button, Logo } from "../../atoms";

const MainHeader = () => {
  return (
    <Header>
      <Logo />
      <Nav>
        <Button variant="nav">Home</Button>
        <Button variant="nav">Marketplace</Button>
        <Button variant="nav">Jobs</Button>
        <Button variant="nav">Directories</Button>
        <Button variant="nav">Communities</Button>
        <Button variant="nav">Events</Button>
        <Button variant="nav">Resources</Button>
        <Button variant="nav">Education</Button>
      </Nav>
      <Avatar name='John Doe' />
    </Header>
  );
};

export { MainHeader };
