import React from "react";

const jobInformation = [
  {
    date: "04/15/2022",
    jobType: "Full Time",
    industry: "Consulting",
    workExperience: "1-3 years",
    city: "Bangalore South",
    State_Province: "Karnataka",
    country: "India",
    Zip_PostalCode: "560056",
  },
];

const CareerSidebar = () => {
  return (
    <>
      <div className="projects-details-info">
      {jobInformation && jobInformation.length > 0 && (
  <ul>
    <li>
      <i className="ri-shield-user-line"></i>
      <span>Date Opened :</span>
      <p>{jobInformation[0].date}</p>
    </li>
    <li>
      <i className="ri-map-pin-2-line"></i>
      <span>Job Type:</span>
      {jobInformation[0].jobType}
    </li>
    <li>
      <i className="ri-price-tag-3-line"></i>
      <span>Industry:</span>
      {jobInformation[0].industry}
    </li>
    <li>
      <i className="ri-calendar-2-line"></i>
      <span>Work Experience :</span>
      {jobInformation[0].workExperience}
    </li>
    <li>
      <i className="ri-global-line"></i>
      <span>City:</span>
      {jobInformation[0].city}
    </li>
    <li>
      <i className="ri-global-line"></i>
      <span>State/Province:</span>
      {jobInformation[0].State_Province}
    </li>
    <li>
      <i className="ri-global-line"></i>
      <span>Country:</span>
      {jobInformation[0].country}
    </li>
    <li>
      <i className="ri-global-line"></i>
      <span>Zip/Postal Code:</span>
      {jobInformation[0].Zip_PostalCode}
    </li>
  </ul>
)}

      </div>
    </>
  );
};

export default CareerSidebar;