'use strict';

var React = require('react');
var GenericArrow = require('./GenericArrow-8dfb261d.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const JobHistoryCard = ({
  className,
  title,
  company,
  dateRange,
  jobType,
  showArrow = false,
  onClick
}) => {
  const handleClick = () => {
    onClick == null ? void 0 : onClick();
  };
  return /* @__PURE__ */ React__default["default"].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__default["default"].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__default["default"].createElement("p", {
    className: "line-clamp-2"
  }, dateRange)), /* @__PURE__ */ React__default["default"].createElement("div", {
    className: "flex flex-grow flex-col job-history-details-display pl-[12px]"
  }, /* @__PURE__ */ React__default["default"].createElement("p", {
    className: "text-grayscale-900 font-bold line-clamp-1"
  }, title), /* @__PURE__ */ React__default["default"].createElement("p", {
    className: "text-grayscale-600 text-sm line-clamp-1"
  }, company), /* @__PURE__ */ React__default["default"].createElement("p", {
    className: "text-sm text-indigo-700 uppercase font-bold line-clamp-1"
  }, jobType)), showArrow && /* @__PURE__ */ React__default["default"].createElement("div", {
    className: "flex justify-center items-center"
  }, /* @__PURE__ */ React__default["default"].createElement(GenericArrow.GenericArrow, null)));
};

exports.JobHistoryCard = JobHistoryCard;
//# sourceMappingURL=JobHistoryCard-05a3f98b.js.map
