import * as React from 'react';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import IconButton from '@mui/material/IconButton';
import Typography from '@mui/material/Typography';
import Menu from '@mui/material/Menu';
import MenuIcon from '@mui/icons-material/Menu';
import Container from '@mui/material/Container';
import Avatar from '@mui/material/Avatar';
import Button from '@mui/material/Button';
import Tooltip from '@mui/material/Tooltip';
import MenuItem from '@mui/material/MenuItem';
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 '../scss/Header.scss';
import {useState} from "react";
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'}) => {
return (
<>
>
)
}
return (
{/*Основной логотип*/}
{/*Меню бургер*/}
{/*Логитип для смартфонов*/}
{/*Основные ссылки для декстопа*/}
{pages.map((page) => (
))}
{/*Иконки для декстопа*/}
{/*Пользователь*/}
);
};
export default Header;