import { Job } from "@/lib/types";
import ExperienceCard from "@/components/experience-card";

const Experience = ({ jobs }: { jobs: Job[] }) => {
  return (
    <div
      id="experience"
      className="flex flex-col items-center justify-center gap-4 p-4 rounded w-full"
    >
      <h3 className="mt-4 mb-2 text-5xl font-bold tracking-tight text-white">
        Experience 📈
      </h3>
      <div className="flex flex-wrap justify-center gap-4">
        {jobs.map((job) => (
          <ExperienceCard key={job.id} job={job} />
        ))}
      </div>
    </div>
  );
};

export default Experience;