import { jsx as r } from "react/jsx-runtime";
import n from "../icon/Icon.js";
import { c as s } from "../../index-BtlgVD4m.js";
import { styledIconSizes as m } from "./types/StyledIconSize.js";
import { styledIconVariants as i } from "./types/StyledIconVariant.js";
import { iconAnimations as c } from "../icon/types/IconAnimation.js";
const x = ({ variant: d = "primary", size: o = "default", icon: e, animation: t }) => typeof e == "string" ? /* @__PURE__ */ r(
  "div",
  {
    className: s(
      "flex items-center justify-center flex-shrink-0",
      "rounded-[var(--border-radius-md)]",
      i[d],
      m[o]
    ),
    children: /* @__PURE__ */ r(n, { name: e, animation: t })
  }
) : /* @__PURE__ */ r("div", { className: s("flex items-center justify-center", "rounded-[var(--border-radius-md)]", i[d], m[o]), children: /* @__PURE__ */ r("div", { className: s(t && c[t]), children: e }) });
export {
  x as default
};
//# sourceMappingURL=StyledIcon.js.map
