import { jsxs as m } from "react/jsx-runtime";
import { forwardRef as b } from "react";
import { cx as f } from "../../utils/classNames.js";
import { useArrowTheme as p } from "../../hooks/useArrowTheme.js";
const v = b(
  ({
    label: e,
    status: t,
    style: s = "dot",
    icon: l,
    iconA11yLabel: y,
    backgroundColor: a = "primary",
    size: i,
    inverse: d,
    className: o
  }, n) => {
    const r = p(), u = d ?? r.inverse, c = a === "no-fill" && t !== "strong";
    return e ? /* @__PURE__ */ m(
      "div",
      {
        ref: n,
        className: f(
          "tdds-status-label",
          {
            "tdds-status-label--positive": t === "positive",
            "tdds-status-label--caution": t === "caution",
            "tdds-status-label--critical": t === "critical",
            "tdds-status-label--info": t === "info",
            "tdds-status-label--strong": t === "strong",
            "tdds-status-label--icon": s === "icon",
            "tdds-status-label--secondary": a === "secondary",
            "tdds-status-label--no-fill": c,
            "tdds-status-label--status": a === "status",
            "tdds-status-label--text-only": s === "none"
          },
          o
        ),
        "data-size": i || void 0,
        "data-inverse": u ? "true" : void 0,
        children: [
          s === "icon" && l ? l : null,
          e
        ]
      }
    ) : null;
  }
);
v.displayName = "StatusLabel";
export {
  v as StatusLabel
};
//# sourceMappingURL=StatusLabel.js.map
