import '../styles/Experiences.css';
import SingleExperience from './SingleExperience';

function Experiences() {
    const experiencesData = [
        {
            id: 1,
            role: "Web Development Intern",
            company: "Pandora",
            duration: "April 2024",
            location: "Rennes (Ille-et-Vilaine), France",
            tasks: [
                "Development of a dynamic website with database integration (HTML, CSS, PHP, SQL)",
                "Created a reusable interface used as an internal learning resource",
                "Introduction to GitHub Actions"
            ]
        },
        {
            id: 2,
            role: "IT Support Intern",
            company: "INRAE",
            duration: "April 2023",
            location: "Rennes (Ille-et-Vilaine), France",
            tasks: [
                "Introduction to ProxMox Backup and UpdateEngine tools",
                "Preparation of two workstations",
                "Setup of a Wi-Fi hotspot using a Raspberry Pi",
                "Installation of a RAID 1 system"
            ]
        }
    ];

    return (
        <section id="experiences-section">
            <h1>Experiences</h1>
            <div className="experiences-container">
                {experiencesData.map((exp, index) => (
                    <SingleExperience experience={exp} whichSide={index % 2 !== 0}/>
                ))}
            </div>
        </section>
    );
}

export default Experiences;
