// material-ui
import { Button ,Box } from '@mui/material';

// import { Box, IconButton, Link, useMediaQuery } from '@mui/material';
// import { GithubOutlined } from '@ant-design/icons';

// project import
// import Search from './Search';
import Profile from './Profile';
import LocaleSelector from "./LocaleSelector";
import {FormattedMessage} from "react-intl";
// import Notification from './Notification';
// import MobileSection from './MobileSection';

// import { useState } from 'react';

// ==============================|| HEADER - CONTENT ||============================== //
// const pages = ['Products', 'Pricing', 'Blog'];
const HeaderContent = () => {

  return (
    <>
      {/* {!matchesXs && <Search />}
      {matchesXs && <Box sx={{ width: '100%', ml: 1 }} />} */}
      <Box>
        <Button size="large" sx={{color:"#000000"}}>
            <FormattedMessage id="mainPage"/>
        </Button>
      </Box>
      {/* <IconButton
        component={Link}
        href="https://github.com/codedthemes/mantis-free-react-admin-template"
        target="_blank"
        disableRipple
        color="secondary"
        title="Download Free Version"
        sx={{ color: 'text.primary', bgcolor: 'grey.100' }}
      >
        <GithubOutlined />
      </IconButton> */}
      <LocaleSelector/>
      {/* <Notification /> */}
      <Profile />
      {/* <MobileSection /> */}
    </>
  );
};

export default HeaderContent;
