"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IncidentStatus = IncidentStatus;

var _clsx = _interopRequireDefault(require("clsx"));

var _lodash = require("lodash");

var _jsxRuntime = require("react/jsx-runtime");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function IncidentStatus(_ref) {
  var incident = _ref.incident;
  var statusColorClass = (0, _clsx.default)({
    "bg-light-green": incident.status === "open",
    "bg-gray-100": incident.status === "closed"
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
    type: "button",
    className: (0, _clsx.default)("text-light-black text-xs leading-4 font-medium py-0.5 px-2.5 rounded-10px shrink cursor-default", statusColorClass || "bg-blue-100"),
    children: (0, _lodash.capitalize)(incident.status)
  });
}