import { jsxs as j, jsx as n } from "react/jsx-runtime";
import i from "../../utils/classNames.js";
const w = (p) => {
  const {
    icon: s,
    iconClassName: o = "",
    pairIcon: l,
    pairIconClassName: t = "",
    size: e,
    spinning: g = !1,
    pulsing: y = !1,
    filled: f = !1,
    disabled: u = !1,
    disabledDanger: h = !1,
    disabledInverse: C = !1
  } = p, r = g ? "spinning" : "", c = y ? "pulsing" : "", b = f ? "rioglyph-filled" : "", m = u ? "rioglyph-disabled" : "", v = h ? "rioglyph-disabled rioglyph-disabled-danger" : "", N = C ? "rioglyph-disabled rioglyph-disabled-inverse" : "";
  let a;
  if (s.includes(".svg") && (a = { "--i": `url(${s})` }), l) {
    const x = i("rioglyph-icon-pair", e && `text-size-${e}`), $ = i("rioglyph", !s.includes(".svg") && s, o), z = i(
      "rioglyph",
      !l.includes(".svg") && l,
      t,
      r,
      c
    );
    let d;
    return l?.includes(".svg") && (d = { "--i": `url(${l})` }), /* @__PURE__ */ j("span", { className: x, children: [
      /* @__PURE__ */ n("span", { className: $, style: a }),
      /* @__PURE__ */ n("span", { className: z, style: d })
    ] });
  }
  const I = i(
    "rioglyph",
    !s.includes(".svg") && s,
    e && `text-size-${e}`,
    m,
    v,
    N,
    o,
    r,
    c,
    b
  );
  return /* @__PURE__ */ n("span", { className: I, style: a });
};
export {
  w as default
};
//# sourceMappingURL=Rioglyph.js.map
