text: import React from 'react';
  import '../styles/Work.css';
  import ProjectItem from '../components/ProjectItem';
  import { ProjectList } from '../helpers/ProjectList';
  import { ReactComponent as WorldR } from '../assets/WorldRayon.svg';
  import { motion, AnimatePresence } from 'framer-motion';
  
  function Work() {
  	return (
  		<AnimatePresence>
  			<motion.div className='work'>
  				<h1>Project</h1>
  				<div className='workProject'>
  					{ProjectList.map((projectItem, index, key) => {
  						return (
  							<ProjectItem
  								key={key}
  								text={projectItem.textEN}
  								projectName={projectItem.projectName}
  								image={projectItem.image}
  								additional={projectItem.additional}
  								date={projectItem.date}
  								index={index}
  								github={projectItem.github}
  							/>
  						);
  					})}
  				</div>
  				<div className='workWorld'>
  					<WorldR />
  				</div>
  			</motion.div>
  		</AnimatePresence>
  	);
  }
  
  export default Work;
  