"use client"; import { motion } from 'framer-motion'; import { BriefcaseIcon, CalendarIcon, MapPinIcon, CheckIcon } from 'lucide-react'; interface Experience { company: string; position: string; logo?: string; location: string; startDate: string; endDate: string; description: string; skills: readonly string[]; achievements: readonly string[]; } interface ExperienceSectionProps { experience: readonly Experience[]; } const ExperienceSection: React.FC = ({ experience }) => { const containerVariants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.2, }, }, }; const itemVariants = { hidden: { x: -50, opacity: 0 }, visible: { x: 0, opacity: 1, transition: { type: "spring", stiffness: 100, damping: 12, }, }, }; // Function to generate a default logo if none provided const generateDefaultLogo = (companyName: string) => { return `https://ui-avatars.com/api/?name=${encodeURIComponent(companyName)}&background=0D8ABC&color=fff&size=128`; }; return (

Work Experience

My professional journey and key accomplishments in the tech industry.

{/* Experience Timeline */}
{/* Timeline line */}
{experience.map((exp, index) => ( {/* Timeline point */}
{/* Content */}
{`${exp.company}

{exp.position}

{exp.company}

{exp.startDate} - {exp.endDate}
{exp.location}

{exp.description}

{/* Skills used */}
{exp.skills.map((skill, skillIndex) => ( {skill} ))}
{/* Achievements */}

Key Achievements:

    {exp.achievements.map((achievement, achIndex) => (
  • {achievement}
  • ))}
))}
{/* Quote at the bottom */}
"Success is not the key to happiness. Happiness is the key to success. If you love what you are doing, you will be successful."

― Albert Schweitzer

); }; export default ExperienceSection;