@uva-glass/component-library/dist/components/StatusPill/StatusPill.js

React components UvA

import { jsxs as _, jsx as p } from "react/jsx-runtime";
import { c as a } from "../../clsx-OuTLNxxd.js";
import { Icon as e } from "../Icon/Icon.js";
import '../../assets/StatusPill.css';const l = {
  "status-pill": "_status-pill_15n23_1",
  "status-pill__possible": "_status-pill__possible_15n23_10",
  "status-pill__impossible": "_status-pill__impossible_15n23_15",
  "status-pill__new": "_status-pill__new_15n23_20",
  "status-pill__dark": "_status-pill__dark_15n23_26",
  "status-pill--bar": "_status-pill--bar_15n23_33",
  "status-pill--compact": "_status-pill--compact_15n23_40"
}, o = {
  possible: "CheckCircleFillMini",
  impossible: "CrossCircleFillMini"
};
function r({ status: s, variant: i = "default", label: t }) {
  return /* @__PURE__ */ _(
    "span",
    {
      className: a(
        l["status-pill"],
        l[`status-pill__${s}`],
        i !== "default" && l[`status-pill--${i}`]
      ),
      children: [
        (s === "possible" || s === "impossible") && /* @__PURE__ */ p(e, { name: o[s], title: s, size: 16 }),
        t
      ]
    }
  );
}
export {
  r as StatusPill
};
//# sourceMappingURL=StatusPill.js.map