import { forwardRef as d, createElement as u } from "react";
import { defaultAttributes as p } from "./fondue-icons373.js";
import y from "./fondue-icons374.js";
import { htmlKeysToJsxKeys as $ } from "./fondue-icons375.js";
import { kebabCase as s } from "./fondue-icons376.js";
var l = /* @__PURE__ */ ((e) => (e.Size8 = "Size8", e.Size12 = "Size12", e.Size16 = "Size16", e.Size20 = "Size20", e.Size24 = "Size24", e.Size32 = "Size32", e))(l || {});
const S = {
  Size8: 8,
  Size12: 12,
  Size16: 16,
  Size20: 20,
  Size24: 24,
  Size32: 32,
  8: 8,
  12: 12,
  16: 16,
  20: 20,
  24: 24,
  32: 32
}, z = (e, t) => e.map(
  ([r, i, o]) => u(
    r,
    {
      key: `${t}-${r}`,
      ...i ? $(i) : {}
    },
    Array.isArray(o) && o.length > 0 ? o.map((f) => z([f], `${t}-${r}`)) : []
  )
), w = (e, t) => {
  const r = d(
    ({ color: i = "currentColor", size: o = 24, className: f = "", children: n, ...m }, a) => u(
      "svg",
      {
        ref: a,
        ...p,
        color: i,
        width: S[o],
        height: S[o],
        className: ["fondue", y.fondue, `fondue-${s(e)}`, f].filter(Boolean).join(" "),
        "data-test-id": `fondue-icons-${s(e)}`,
        key: `fondue-icons-${s(e)}`,
        ...m
      },
      [
        ...z(t, s(e)),
        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
        ...Array.isArray(n) ? n : [n]
      ]
    )
  );
  return r.displayName = `Icon${e}`, r;
};
export {
  l as IconSize,
  w as createFondueIcon
};
//# sourceMappingURL=fondue-icons2.js.map
