text: import React from 'react';
  
  // react components for routing our app without refresh
  import { useHistory } from "react-router-dom";
  
  
  // @material-ui/core components
  import { makeStyles } from "@material-ui/core/styles";
  import List from "@material-ui/core/List";
  import ListItem from "@material-ui/core/ListItem";
  
  // pictures
  import logo from "assets/img/favicon.png";
  
  import styles from "assets/jss/material-kit-react/components/headerLinksStyle.js";
  
  const useStyles = makeStyles(styles);
  
  const LeftLinks = ( props ) => {
  
      const classes = useStyles();
      const history = useHistory();
  
      function homeCLicked (e) {
          e.preventDefault();  
          history.push("/pl");  
      }
      return(
          <List className={classes.list}>
              
              <ListItem className={classes.listItem}>
                  <img 
                      src={logo} 
                      alt="logo"
                      className='clasess.icons'
                      onClick={e => homeCLicked(e)}
                      style={{
                          marginRight: "20px"   
                      }}
                  />      
              </ListItem>
  
              <ListItem 
                  className={classes.listItem}
                  onClick={e => homeCLicked(e)}
              >
                  
                  <small>Centrum Nurkowe Nautilus<br/>
                  ul.Kapelanka 1a, 30-347 Kraków<br/>
                  tel. (+48) 12 266 02 02, (+48) 501 770 995<br/>
                  office@nautilus.com.pl</small>  
              </ListItem>
          </List>
      );
  };
  
  export default LeftLinks;