import { jsx as s } from "react/jsx-runtime";
import n from "../../utils/classNames.js";
import { LEFT as l, LARGE as i, SMALL as m } from "./StatusBarConstants.js";
const x = (a) => {
  const { icon: e, size: r } = a;
  if (!e.name)
    return null;
  const t = e.alignment === l ? "flex-order-1 margin-right-5" : "flex-order-2 margin-left-5", o = n(
    "rioglyph",
    e.name,
    e.color ?? "text-color-gray",
    r === m && "text-size-h3",
    r === i && "text-size-h2",
    e.className
  );
  return /* @__PURE__ */ s("div", { className: t, children: /* @__PURE__ */ s("span", { className: o }) });
};
export {
  x as default
};
//# sourceMappingURL=StatusBarIcon.js.map
