import React from "react";
import { AppBar, Toolbar } from "@mui/material";
import Dropdown from "./dropDown/DropDown";
import AccountMenu from "./accountMenu/AccountMenu";
import "./Header.scss";

const Header = () => {
  return (
    <AppBar
      className="header"
      position="sticky"
      color="transparent"
      elevation={0}
      sx={{ borderBottom: "1px solid #22242626" }}
    >
      <Toolbar className="header__toolbar">
        <div className="header__left-group">
          <Dropdown />
        </div>

        <div className="header__right-group">
          <AccountMenu />
        </div>
      </Toolbar>
    </AppBar>
  );
};

export default Header;