"use client";
import { j as m } from "./index.esm38.js";
import { forwardRef as f } from "react";
import u from "./index.esm40.js";
import t from "./index.esm74.js";
const h = f(
  ({
    color: c = "currentColor",
    children: g,
    svg: i,
    name: o,
    decorative: r = !1,
    className: s,
    viewBox: a = "0 0 24 24",
    fill: d = "none",
    xmlns: n = "http://www.w3.org/2000/svg",
    ...e
  }, l) => {
    if (i) {
      const p = i.replace(/<svg[^>]*>/, "").replace(/<\/svg>/, "");
      return /* @__PURE__ */ m.jsx(
        "svg",
        {
          ref: l,
          "data-atme-ui": !0,
          className: u(t.icon, t["icon--custom"], s),
          viewBox: a,
          xmlns: n,
          "aria-hidden": r,
          "aria-label": !r && o ? o : void 0,
          role: r ? void 0 : "img",
          dangerouslySetInnerHTML: { __html: p },
          ...e
        }
      );
    }
    return /* @__PURE__ */ m.jsx(
      "svg",
      {
        ref: l,
        "data-atme-ui": !0,
        className: u(t.icon, s),
        viewBox: a,
        fill: d,
        xmlns: n,
        color: c,
        "aria-hidden": r,
        "aria-label": !r && o ? o : void 0,
        role: r ? void 0 : "img",
        ...e,
        children: g
      }
    );
  }
);
h.displayName = "Icon";
export {
  h as Icon
};
//# sourceMappingURL=index.esm19.js.map
