import { jsxs as i, Fragment as l, jsx as m } from "react/jsx-runtime";
import { Children as u, cloneElement as x } from "react";
import { V as p } from "./VisuallyHidden-ByNP7ZUI.mjs";
import { makeVariants as r } from "@spark-ui/internal-utils";
import { c as d } from "./index-BmAFn37q.mjs";
const f = d(["fill-current shrink-0"], {
  variants: {
    /**
     * Color scheme of the icon.
     */
    intent: r({
      current: ["text-current"],
      main: ["text-main"],
      support: ["text-support"],
      accent: ["text-accent"],
      basic: ["text-basic"],
      success: ["text-success"],
      alert: ["text-alert"],
      error: ["text-error"],
      info: ["text-info"],
      neutral: ["text-neutral"]
    }),
    /**
     * Sets the size of the icon.
     */
    size: r({
      current: ["u-current-font-size"],
      sm: ["w-sz-16", "h-sz-16"],
      md: ["w-sz-24", "h-sz-24"],
      lg: ["w-sz-32", "h-sz-32"],
      xl: ["w-sz-40", "h-sz-40"]
    })
  }
}), h = ({
  label: t,
  className: e,
  size: s = "current",
  intent: n = "current",
  children: c,
  ...a
}) => {
  const o = u.only(c);
  return /* @__PURE__ */ i(l, { children: [
    x(o, {
      className: f({ className: e, size: s, intent: n }),
      "data-spark-component": "icon",
      "aria-hidden": "true",
      focusable: "false",
      ...a
    }),
    t && /* @__PURE__ */ m(p, { children: t })
  ] });
};
h.displayName = "Icon";
export {
  h as I
};
//# sourceMappingURL=Icon-D1RueiPY.mjs.map
