import Link from "next/link";
import { JobData } from "@/data/job";

const Home = () => {
  return (
    <div className="page-job list">
      <div className="container-job">
        <h2 className="title">Tuyển dụng</h2>
        <div className="list-job">
          {JobData.list.map((job) => (
            <div className="item-job" key={job.id}>
              <div className="job-left">
                <Link href="/job/detail" className="name line-clamp-1">
                  {job.title}
                </Link>
                <div className="time">{job.end_date}</div>
              </div>
              <div className="job-right flex items-center">
                <div className="localhost">{job.location}</div>
                <Link href="/job/detail" className="more">
                  Ứng tuyển ngay <i className="fa-solid fa-angle-right"></i>
                </Link>
              </div>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
};

export default Home;
