import { jsx as t } from "react/jsx-runtime";
import { Icon as d } from "@iconify/react";
import l from "../Colors/themes/default.js";
import { styled as p } from "../Theme/index.js";
import { withDeprecated as m } from "../Util/deprecate.js";
function h({
  name: o,
  color: r = l.grey[900],
  size: e = 24,
  variant: a = "regular",
  rounded: f = !1,
  className: i = "",
  forwardedRef: c = void 0
}) {
  const s = a === "solid" ? `fa-solid:${o}` : `fa-regular:${o}`, n = /* @__PURE__ */ t(d, { icon: s, color: r, width: e, height: e, className: i });
  return f ? /* @__PURE__ */ t(u, { ref: c, size: e, color: r, className: i, children: n }) : n;
}
const u = p("span")`
  width: ${(o) => o.size * 2}px;
  height: ${(o) => o.size * 2}px;
  border-radius: 50%;
  border: 1px solid ${(o) => o.color};
  display: flex;
  justify-content: center;
  align-items: center;

  .fa,
  .fas,
  .fal,
  .far {
    line-height: ${(o) => o.size}px;
  }
`, y = m(
  ({
    ref: o,
    ...r
  }) => /* @__PURE__ */ t(h, { ...r, forwardedRef: o }),
  { name: "Icon", alternative: "SVG icons" }
);
export {
  y as default
};
