import {AppBar, Box, Toolbar, IconButton, Typography, Menu, Container, Avatar, Button, Tooltip, MenuItem, Badge} from '@mui/material';
import MenuIcon from '@mui/icons-material/Menu';
import SearchIcon from '@mui/icons-material/Search';
import FavoriteBorderIcon from '@mui/icons-material/FavoriteBorder';
import ShoppingCartIcon from '@mui/icons-material/ShoppingCart';
import ManageSearchIcon from '@mui/icons-material/ManageSearch';
import Link from "react-router-dom/es/Link";
import {useState} from "react";
import '../scss/Header.scss';
const pages = ['catalog', 'about us', 'our team', 'faq', 'contact'];
const settings = ['Profile', 'Account', 'Dashboard', 'Logout'];
const Header = () => {
const [anchorElNav, setAnchorElNav] = useState(null);
const [anchorElUser, setAnchorElUser] = useState(null);
const handleOpenNavMenu = (event) => {
setAnchorElNav(event.currentTarget);
};
const handleOpenUserMenu = (event) => {
setAnchorElUser(event.currentTarget);
};
const handleCloseNavMenu = () => {
setAnchorElNav(null);
};
const handleCloseUserMenu = () => {
setAnchorElUser(null);
};
const LogoItem = () => {
return (
ABRAXAS
)
}
const LinkItem = ({page, color='white'}) => {
return (
)
}
const IconItems = ({size="large", color='default', valueWishList=0, valueBasket=0}) => {
return (
<>
>
)
}
return (
{/*Основной логотип*/}
{/*Меню бургер*/}
{/*Логитип для смартфонов*/}
{/*Основные ссылки для декстопа*/}
{pages.map((page) => (
))}
{/*Иконки для декстопа*/}
{/*Пользователь*/}
);
};
export default Header;