30 lines
674 B
TypeScript
30 lines
674 B
TypeScript
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;
|