text: import React from 'react';
  import { Link as RouterLink } from 'react-router-dom';
  import clsx from 'clsx';
  import PropTypes from 'prop-types';
  import { AppBar, Toolbar, makeStyles } from '@material-ui/core';
  import Logo from 'src/components/Logo';
  
  const useStyles = makeStyles({
    root: {},
    logo: {
      height: 60
    },
    toolbar: {
      height: 64
    }
  });
  
  const TopBar = ({ className, ...rest }) => {
    const classes = useStyles();
  
    return (
      <AppBar className={clsx(classes.root, className)} elevation={0} {...rest}>
        <Toolbar className={classes.toolbar}>
          <RouterLink to="/">
            <Logo className={classes.logo} />
          </RouterLink>
        </Toolbar>
      </AppBar>
    );
  };
  
  TopBar.propTypes = {
    className: PropTypes.string
  };
  
  export default TopBar;
  