import { For } from "solid-js";
import JobCard from "./JobCard";
import { jobs } from "~/data/jobs";

const Experience = () => {
	return (
		<section class="mt-16 px-4">
			<h2 class="text-xl text-nord-1 font-bold mb-6">Experience</h2>

			<div class="!flex !flex-col !gap-0.5v ml-2h">
				<For each={jobs}>{(job) => <JobCard job={job} />}</For>
			</div>
		</section>
	);
};

export default Experience;
