my-buf/Header.tsx

import React, { Component } from 'react'
import {Box, Toolbar, AppBar, IconButton, Typography, Button} from '@mui/material'


const Header = () =>{ 
    return (
      <Box bgcolor="white" sx={{ flexGrow: 1}}>
        <AppBar position='static'>
           <Toolbar>
                <Typography variant='h6' component="div" sx={{flexGrow : 1}}>
                    Система подбора персонала
                </Typography>
               <Button color="inherit">Вход</Button>
            </Toolbar> 
        </AppBar>
      </Box>
    )
}

export default Header;