ux_ui_designer

1
import { EXPERIENCE } from "../../utils/EXPERIENCE";
2
import "./experience.scss";
3
import useFadeInOnScroll from "../Hooks/useFadeInOnScroll";
4
import { animated } from "react-spring";
5
const Experience = () => {
6
  const fadeIn = useFadeInOnScroll(1900);
7
  return (
8
    <div className="experience">
9
      <animated.div style={fadeIn} className="experience__wrapper">
10
        {EXPERIENCE.map((el) => (
11
          <div className="experience__table">
12
            <div className="experience__org">{el.org}</div>
13
            <div className="experience__position">{el.position}</div>
14
          </div>
15
        ))}
16
      </animated.div>
17
    </div>
18
  );
19
};
20
export default Experience;
21