import React from "react";
import { useTypewriter } from "react-simple-typewriter";
import LinkedInIcon from "@material-ui/icons/LinkedIn";
import EmailIcon from "@material-ui/icons/Email";
import GithubIcon from "@material-ui/icons/GitHub";
//import "../styles/Home.css";

function Home() {
  const { text } = useTypewriter({
    words: [
      ' Software Developer',
      "Machine Learning",
      "MERN Stack developer",
      "GraphQL"
    ],
    loop: {},
    typeSpeed: 40,
    deleteSpeed: 40,
  });

  return (
    <div className="home">
      <div className="about">
        <h2>
          <span>{text}</span> Hello! I'm Gnanehswar.p
        </h2>

        <div className="prompt">
          <LinkedInIcon />
          <EmailIcon />
          <GithubIcon />
        </div>
      </div>
      <div className="skills">
        <h1> Skills</h1>
        <ol className="list">
          <li className="item">
            <h2> Front-End</h2>
            <span>
              ReactJS, HTML, CSS, React Native, Flutter, NPM, MaterialUI, Yarn,
              StyledComponents
            </span>
          </li>
          <li className="item">
            <h2>Back-End</h2>
            <span>
              NodeJS, ExpressJS, GraphQL, MySQL, MongoDB, nextJS, ReactJS
            </span>
          </li>
          <li className="item">
            <h2>Languages</h2>
            <span>
              JavaScript, Java, Python, C, C++, TypeScript
            </span>
          </li>
        </ol>
      </div>
    </div>
  );
}

export default Home;
   is there any error