@clubmed/trident-icons/svg-use/SvgUseIcon.js

Shared ClubMed Icons library

import { jsx as t } from "react/jsx-runtime";
import { c as u } from "../chunks/index.js";
import { useIconOrientation as h } from "../hooks/useIconOrientation.js";
import { omit as x } from "../utils/omit.js";
function I(i) {
  const {
    name: n,
    className: o,
    width: e = "16px",
    color: r = "inherit",
    style: s,
    url: a,
    aspectRatio: c,
    viewBox: m,
    ...l
  } = i, { intrinsicClassName: d, transform: p } = h(i), f = `text-${r}`;
  return /* @__PURE__ */ t(
    "span",
    {
      "aria-hidden": !0,
      ...x(l, ["group", "orientation", "type"]),
      className: u(
        "inline-block shrink-0 align-middle",
        d,
        f,
        o
      ),
      "data-name": "Icon",
      "data-testid": `icon-${n}`,
      style: { width: e, transform: p, aspectRatio: c, ...s },
      children: /* @__PURE__ */ t("svg", { viewBox: m, children: /* @__PURE__ */ t("use", { xlinkHref: a }) })
    }
  );
}
export {
  I as SvgUseIcon
};
//# sourceMappingURL=SvgUseIcon.js.map