import { FC } from "react";
import { useFormatDate } from "../../hooks/useFormatDate";

interface PageProps {
  getCompanyDetails: JobDetails;
}

const JobOverView: FC<PageProps> = ({ getCompanyDetails }) => {
  return (
    <div className="widget-content">
      <ul className="job-overview">
        <li>
          <i className="icon icon-calendar"></i>
          <h5>Date Posted:</h5>
          <span>
            {getCompanyDetails && useFormatDate(getCompanyDetails.createdAt)}
          </span>
        </li>
        <li>
          <i className="icon icon-expiry"></i>
          <h5>Expiration date:</h5>
          <span>
            {getCompanyDetails && useFormatDate(getCompanyDetails.closingDate)}
          </span>
        </li>
        <li>
          <i className="icon icon-location"></i>
          <h5>Location:</h5>
          <span>{getCompanyDetails?.location}</span>
        </li>
        <li>
          <i className="icon icon-user-2"></i>
          <h5>Job Title:</h5>
          <span>{getCompanyDetails?.title}</span>
        </li>
        <li>
          <i className="icon icon-salary"></i>
          <h5>Salary:</h5>
          <span>{getCompanyDetails?.salary}</span>
        </li>
      </ul>
    </div>
  );
};

export default JobOverView;