import React from 'react';
import { G as GenericArrow } from './GenericArrow-b2822cf6.js';

const JobHistoryCard = ({
  className,
  title,
  company,
  dateRange,
  jobType,
  showArrow = false,
  onClick
}) => {
  const handleClick = () => {
    onClick == null ? void 0 : onClick();
  };
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      onClick: handleClick,
      className: `job-history-card flex h-[88px] max-w-[335px] justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] rounded-[20px] ${className}`
    },
    dateRange && /* @__PURE__ */ React.createElement("div", { className: "flex flex-shrink-0 rounded-[20px]  bg-emerald-600 pl-[15px] font-bold text-grayscale-50 job-card-date-display w-[108px] h-full items-center" }, /* @__PURE__ */ React.createElement("p", { className: "line-clamp-2" }, dateRange)),
    /* @__PURE__ */ React.createElement("div", { className: "flex flex-grow flex-col job-history-details-display pl-[12px]" }, /* @__PURE__ */ React.createElement("p", { className: "text-grayscale-900 font-bold line-clamp-1" }, title), /* @__PURE__ */ React.createElement("p", { className: "text-grayscale-600 text-sm line-clamp-1" }, company), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-indigo-700 uppercase font-bold line-clamp-1" }, jobType)),
    showArrow && /* @__PURE__ */ React.createElement("div", { className: "flex justify-center items-center" }, /* @__PURE__ */ React.createElement(GenericArrow, null))
  );
};

export { JobHistoryCard as J };
//# sourceMappingURL=JobHistoryCard-e71ab2c7.js.map
