text: import React from 'react'
  import { useTransition, animated, config } from 'react-spring'
  
  import classes from './About.module.scss'
  import personSVG from '../../../images/person.svg'
  
  const About = () => {
      const transitions = useTransition('Svein Jakob Høie', item => item.id, {
          from: { transform: 'translateY(-100%)', opacity: '0' },
          enter: item => async (next, cancel) => {
              await new Promise(resolve => setTimeout(resolve, 440))
              await next({
                  config: config.wobbly,
                  transform: 'translateY(0)',
                  opacity: '1',
              })
          },
      })
      console.log(transitions)
  
      return (
          <div className={classes.About}>
              <div className={classes.About__info}>
                  {/* <div className="heading-1">Svein Jakob Høie</div> */}
                  {transitions.map(item => {
                      return (
                          <animated.div
                              key={item.key}
                              style={item.props}
                              className="heading-1"
                          >
                              {item.item}
                          </animated.div>
                      )
                  })}
                  <div className="heading-3">Dataingeniørstudent, 3. år</div>
                  <div className="heading-4">NTNU, Trondheim</div>
                  <p>
                      Mitt navn er Svein Jakob Høie og jeg er en 21 år gammel mann
                      som for tiden studerer til å bli dataingeniør ved NTNU i
                      Trondheim. Jeg er over gjennomsnittet interessert i alt som
                      har med teknologi å gjøre, og mye av tiden min går med til å
                      utforske nettopp dette.
                      <br /> <br />
                      Denne nettsiden er ment som en liten oversikt over hvilke
                      teknologier jeg har brukt i forskjellige sammenhenger, samt
                      en visning av noen prosjekter jeg har gjennomført.
                      <br /> <br />
                      Ta gjerne kontakt om du lurer på noe!
                  </p>
              </div>
              <img
                  className={classes.About__image}
                  src={personSVG}
                  alt="Person SVG"
              />
          </div>
      )
  }
  
  export default About
  