text: import React from 'react';
  import { makeStyles } from '@material-ui/core/styles';
  import { Avatar, Typography } from '@material-ui/core';
  import { LockOutlined } from '@material-ui/icons';
  
  const useStyles = makeStyles(theme => ({
    avatar: {
      margin: theme.spacing(1),
      backgroundColor: theme.palette.secondary.main
    }
  }));
  
  const Header = () => {
    const classes = useStyles();
  
    return (
      <>
        <Avatar className={classes.avatar}>
          <LockOutlined />
        </Avatar>
        <Typography component="h1" variant="h5">
          Увійти
        </Typography>
      </>
    );
  };
  
  export default Header;
  