import { jsx as t } from "react/jsx-runtime";
import { getColorDisplayValue as i } from "../../utilities/colors.es.js";
import { merge as l } from "../../utilities/merge.es.js";
import { ColorFormat as n } from "../../types/colors.es.js";
import { isBadgeStatus as o, badgeStatusClasses as d } from "./helpers.es.js";
const m = ({ status: e, disabled: a, "data-test-id": r = "badge" }) => /* @__PURE__ */ t("div", { className: "tw-flex-none tw-inline-flex tw-justify-center tw-items-center ", children: /* @__PURE__ */ t(
  "span",
  {
    "data-test-id": `${r}-status`,
    className: l([
      "tw-w-2 tw-h-2 tw-rounded-full tw-flex-none",
      a && "tw-opacity-30",
      o(e) && d[e]
    ]),
    style: o(e) ? {} : {
      backgroundColor: typeof e == "string" ? e : i(e, n.Rgba, !0)
    }
  }
) });
m.displayName = "FondueBadgeStatusIcon";
export {
  m as BadgeStatusIcon
};
//# sourceMappingURL=BadgeStatusIcon.es.js.map
